addEventListener() 事件监听方法

最新推荐文章于 2024-06-13 10:12:32 发布

大老虎Picky

最新推荐文章于 2024-06-13 10:12:32 发布

阅读量2.4k

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/qq_21359983/article/details/81391350

版权

web前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

addEventListener() 用于向指定元素添加事件。
可以向一个元素添加多次事件或者多次不同事件，后面的事件是不会覆盖前面的。
语法：
element.addEventListener(event,fn,useCaption );
参数说明：event，比如 click mouseenter mouseleave
fn 回调函数
useCaption 用于描述是冒泡还是捕获。默认值是false，即冒泡传递。当值为true，就是捕获传递。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>addEventListener</title>
    <script type="text/javascript" src="js/jquery-3.0.0.js"></script>
    <style type="text/css">
        #content{
            width: 100px;
            height: 100px;
            background: #f9f;
        }
    </style>
</head>
<body>
    <div id="content"></div>
    <script type="text/javascript">
        //addEventListener 用于向指定元素添加事件句柄
        //可以向一个元素添加多次点击事件，后一个点击事件不会覆盖前一个点击事件

        var content = document.getElementById("content");
        content.addEventListener("click",function(){
            //alert("支持此方法");
            console.log("11");
        },false)
        content.addEventListener("click",function(){
            console.log("22");
            //add();
        },false)
        content.addEventListener("mouseenter",add,false);
        function add(){
            console.log("我和你");
        }
        content.removeEventListener("mouseenter",add,false);
    </script>
</body>
</html>

大老虎Picky

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
addEventListener() 事件监听方法

addEventListener() 用于向指定元素添加事件。可以向一个元素添加多次事件或者多次不同事件，后面的事件是不会覆盖前面的。语法： element.addEventListener(event,fn,useCaption ); 参数说明：event，比如 click mouseenter mouseleave fn 回调函数 useCaption 用于描述是冒泡还是捕获。...
复制链接

扫一扫