自定义事件兼容处理对象详解编程语言

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;

}

}

//这些应该就够用了

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/12289.html

(0)
上一篇 2021年7月19日 14:32
下一篇 2021年7月19日 14:32

相关推荐

发表回复

登录后才能评论