欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-28 21:26:45
绑定事件的兼容代码 function addeventlistener(element,type,fn) { if (element.addeve...

绑定事件的兼容代码

 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);
        };