addEventListener只执行一次即销毁(已兼容)

最新推荐文章于 2025-06-10 22:27:27 发布

aswind7

最新推荐文章于 2025-06-10 22:27:27 发布

阅读量8k

点赞数

CC 4.0 BY-SA版权

分类专栏：原生js-我封装好的函数方法等

本文链接：https://blog.youkuaiyun.com/sqfbeijing/article/details/49075937

原生js-我封装好的函数方法等专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个函数，该函数能够在各种浏览器中只执行一次，并提供了兼容性解决方案。

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

/**
*只执行一次函数
*兼容各种浏览器
**/
var obj = document.querySelector("button");

    handler = function(){
        alert(this.tagName);
        if (obj.removeEventListener){
            obj.removeEventListener("click",handler,false);
        } else {
            // ie8及以下，只支持事件冒泡
            obj.detachEvent("onclick",handler);
        }
    };

    if (obj.addEventListener) {
        obj.addEventListener("click",handler,false);

    } else {
        // ie8及以下，只支持事件冒泡
        obj.attachEvent("onclick",handler);
    }