绑定事件和解绑事件的兼容代码

Posted 2021-01-30 xiamo628

绑定事件的兼容代码

1 function addEventListener(element,type,fn) {
2     if(element.addEventListener){
3       element.addEventListener(type,fn,false);
4     }else if(element.attachEvent){
5       element.attachEvent("on"+type,fn);
6     }else{
7       element["on"+type]=fn;
8     }
9   }

解绑事件的兼容代码

1 function removeEventListener(element,type,fnName) {
2     if(element.removeEventListener){
3       element.removeEventListener(type,fnName,false);
4     }else if(element.detachEvent){
5       element.detachEvent("on"+type,fnName);
6     }else{
7       element["on"+type]=null;
8     }
9   }

测试

 1 function f1() {
 2     console.log("第一个");
 3   }
 4   function f2() {
 5     console.log("第二个");
 6   }
 7   addEventListener(my$("btn1"),"click",f1);
 8   addEventListener(my$("btn1"),"click",f2);
 9     my$("btn2").onclick=function () {
10         removeEventListener(my$("btn1"),"click",f1);
11     };