简单封装事件处理程序,兼容浏览器

Posted 四点半coding

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单封装事件处理程序,兼容浏览器相关的知识,希望对你有一定的参考价值。

var EventUtill = {
addEvent:function(ele,fnName,FN){
if(ele.addEventListener)
{
ele.addEventListener(fnName,FN,false);
}
else if(ele.attachEvent)
{
ele.attachEvent("on"+fnName,function(){
FN.apply(ele,arguments);
})
}
else{
ele["on"+fnName] = FN;
}
},
removeEvent:function(ele,fnName,FN){
if(ele.removeEventListener)
{
ele.removeEventListener(fnName,FN,false);
}
else if(ele.detachEvent)
{
ele.detachEvent("on"+fnName,FN);
}
else{
ele["on"+fnName] = null;
}
},
stopPropagation:function(e){
if(e.stopPropagation)
{
e.stopPropagation();
}
else{
e.cancelBubble = true;
}
},
stopPrevent:function(e){
if(e.preventDefault)
{
e.preventDefault();
}
else{
e.returnValue = false;
}
}

以上是关于简单封装事件处理程序,兼容浏览器的主要内容,如果未能解决你的问题,请参考以下文章

009天之跨浏览器的事件处理程序

DOM事件总结(事件处理程序的类型及浏览器的兼容性)

Jquery9 事件对象

跨浏览器之事件处理程序

第 9 章 事件对象

jQuery事件对象