自定义事件兼容处理对象

2018-06-24 02:04:04来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

var EventUtil={

//三个参数  第一个是element元素  第二个参数 type(事件类型 例如 click),第三个回掉函数

addEvent:function(element,type,fn){

//兼容处理

 if(element.addEventListener){ //IE8以及IE8+

//第三个参数为true时 在事件捕捉阶段处理 false是 在事件冒泡阶段处理

element.addEventListener(type,fn,false);

}

else if(element.attachEvent)

//这个方法值只能在冒泡阶段处理事件

{

element.attachEvent("on"+type,fn);

}

else{

element["on"+type]=fn;

}

},

removeEvent:function(element,type,fn){

if(element.removEventListener){

element.removeEventListener(type,fn);

 

}

else if(element.detachEvent){

element.detachEvent("on"+type,fn);

}

else{

element["on"+type]=fn;

}

},

getEvent:function(event){

return event||window.event;

},

stopPropagation:function(event){

event.stopPropagation?event.stopPropagation:event.cancelBubble;

},

preventDefault:function(event){

event.preventDefault?event.preventDefault:event.returnValue;

}

}

//这些应该就够用了

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:高性能Javascript总结

下一篇:git常用命令备忘