Js addEventListener 和 attachEvent

最新推荐文章于 2024-02-17 12:37:41 发布

@朱较瘦

最新推荐文章于 2024-02-17 12:37:41 发布

阅读量514

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/zhulongxi/article/details/51889357

Javascript 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了如何使用addEventListener和attachEvent为元素添加多个事件监听器，以及如何使用removeEventListener和detachEvent来移除这些监听器。特别针对不同浏览器版本的支持情况进行了说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

addEventListener 和 attachEvent 可以为某个元素的某个事件多次添加操作。

IE8 及以下不支持addEventListener ，使用attachEvent代替。

 $(document).ready(function () {
        var x = $("#btn_test")[0];
        if(x.addEventListener)
        {
            x.addEventListener("click", myFunc1);
            x.addEventListener("click", myFunc2);
        }
        else if (x.attachEvent)
        {
            x.attachEvent("onclick", function (e) { alert('t')})
        }
    });
    function myFunc1()
    {
        alert("click");
    }
    function myFunc2() {
        alert("click2");
    }

移除事件：removeEventListener 和detachEvent；

IE8及以下不支持removeEventListener，使用detachEvent代替：

var x = document.getElementById("myDIV");
if (x.removeEventListener) {                   // // 所有浏览器，除了 IE 8 及更早IE版本
    x.removeEventListener("mousemove", myFunc1);
} else if (x.detachEvent) {                   // IE 8 及更早IE版本
    x.detachEvent("onmousemove", myFunc1);
}