自定義事件相容處理物件

帥哥天下9發表於2018-05-11

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;

}

}

//這些應該就夠用了

相關文章