首页 > 其他 > 详细

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

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

绑定事件的兼容代码

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

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!