码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-12-26 11:41:41      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:col   detach   att   事件   event   tac   type   bsp   false   

绑定事件的兼容代码

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

 

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

标签:col   detach   att   事件   event   tac   type   bsp   false   

原文地址:https://www.cnblogs.com/xiamo628/p/10177806.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!