封装兼容性事件监听函数

最新推荐文章于 2025-04-07 20:16:53 发布

雪man

最新推荐文章于 2025-04-07 20:16:53 发布

阅读量216

点赞数

分类专栏： javascript 函数封装

本文链接：https://blog.youkuaiyun.com/Nerver_give_up/article/details/107436507

版权

javascript 同时被 2 个专栏收录

4 篇文章

订阅专栏

函数封装

1 篇文章

订阅专栏

本文介绍了一种在不同浏览器中兼容地添加和移除事件监听器的方法。通过判断浏览器是否支持addEventListener来选择使用addEventListener还是attachEvent，确保了代码在IE和其他现代浏览器中的兼容性。

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

添加事件监听器的兼容

function addEven(node,evenType,funcName){
    if(!node.addEventListener){
        node.addEventListener(evenType,funcName,false);
    }else{
     node.attachEvent("on" + evenType,funcName);
    }
 }

注释：
node：表示要添加事件的节点，
evenType：表示事件类型；
funcName：执行函数的名称。

删除事件监听器的兼容

function removeEven(node,evenType,funcName){
    if(!node.removeEventListener){
        node.removeEventListener(evenType,funcName,false);
    }else{
        node.detachEvent("on"+ evenType,funcName);
    }
 }