码迷,mamicode.com
首页 > Web开发 > 详细

js中兼容问题的解决

时间:2019-08-27 23:18:07      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:eve   ie9   tac   add   tor   att   事件对象   click   listener   

获取事件对象的兼容ie写法

1 var obox = document.querSelector(".box");
2 
3 obox.onclick = function(eve) {
4            var e = eve || window.event   //ie只支持window.event
5            console.log(e);
6         }

阻止事件冒泡的兼容ie写法

1 function stopBubble(e){    //传入事件对象
2         if(e.stopPropagation){
3             e.stopPropagation();
4         }else{
5             e.cancelBubble = true;   //如果ie,则使用e.cancleBubble
6         }
7     }

 

 监听式绑定的兼容ie写法

1 function addEvent(ele,type,cb){   //元素对象  事件类型  事件函数
2         if(ele.addEventListener){    
3             ele.addEventListener(type,cb)    //ie不支持
4         }else if(ele.attachEvent){
5             ele.attachEvent("on"+type,cb)   //仅ie9支持
6         }else{
7             ele["on"+type] = cb;   //都不支持,使用赋值式绑定
8         } 
9     }

 

取消绑定事件的兼容ie写法

1 function removeEvent(ele,type,cb){   //元素对象  事件类型  事件函数
2         if(ele.removeEventListener){    
3             ele.removeEventListener(type,cb)   //ie不支持
4         }else if(ele.detachEvent){
5             ele.detachEvent("on"+type,cb)   //ie支持
6         }else{
7             ele["on"+type] = null;   //都不支持,采用删除赋值式事件绑定
8         }
9     }

 

 

 

js中兼容问题的解决

标签:eve   ie9   tac   add   tor   att   事件对象   click   listener   

原文地址:https://www.cnblogs.com/yad123/p/11419883.html

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