欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

自定义事件兼容处理对象

程序员文章站 2022-06-30 18:58:31
var EventUtil={ //三个参数 第一个是element元素 第二个参数 type(事件类型 例如 click),第三个回掉函数 addEvent:function(element,type,fn){ //兼容处理 if(element.addEventListener){ //IE8以 ......

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;

}

}

//这些应该就够用了