跨浏览器事件支持

最新推荐文章于 2024-06-07 10:17:37 发布

小轩雪

最新推荐文章于 2024-06-07 10:17:37 发布

阅读量163

点赞数

分类专栏： JavaScript 文章标签：浏览器

本文链接：https://blog.csdn.net/qq_21119289/article/details/55805672

版权

JavaScript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<input type="button" id="btn">

<script>
var func=function(
    alert("函数执行了");
);
var btn = document.getElementById("btn");

var eventUtil = {
    //添加句柄
    addHandler: function(element,type,handler){
        if(element.addEventListener){//DOM2级处理
            element.addEventListener(type,handler,false);
        }else if(element.attachEvent){//IE处理
            element.attachEvent("on"+type,handler);
        }else{//DOM0级处理
            element["on"+type]=handler;
        }
    }
    //删除时间
    removeHandler: function(element,type,handler){
        if(element.removeEventListener){//DOM2级处理
            element.removeEventListener(type,handler,false);
        }else if(element.detachEvent){//IE处理
            element.detachEvent("on"+type,handler);
        }else{//DOM0级处理
            element["on"+type]=null;
        }
    }
}
eventUtil.addHandler(btn3,"click",func);
eventUtil.removeHandler(btn3,"click",func);
</script>