当前位置： 移动技术网 > IT编程>网页制作>CSS > 为元素绑定事件和解绑事件的兼容代码

为元素绑定事件和解绑事件的兼容代码

2019年04月30日  | 移动技术网IT编程  | 我要评论

绑定事件的兼容代码

 function addeventlistener(element,type,fn) {
            if (element.addeventlistener){
                element.addeventlistener(type,fn,false);
            } else if(element.attachevent){
                element.attachevent("on"+type,fn);
            } else {
                element["on"+type]=fn;
            }
        };

解绑事件的兼容代码

 function removeeventlistener(element,type,fnname) {
            if (element.removeeventlistener){
                element.removeeventlistener(type,fnname,false);
            } else if(element.detachevent){
                element.detachevent("on"+type,fnname);
            } else {
                element["on"+type]=null;
            }
        };

测试

function f1(){
          console.log("第一个");
        };
        function f2(){
            console.log("第二个");
        };
        addeventlistener(my$("btn"),"click",f1);
        addeventlistener(my$("btn"),"click",f2);

        my$("btn1").onclick=function () {
            removeeventlistener(my$("btn"),"click",f1);
        };

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网