js事件2-事件兼容问题

对于不同的浏览器，事件响应会有一定的不同，所以我们为了更好的用户效果，必须要考虑好事件兼容性问题。

为了兼容不同的浏览器，我们可以自己编写一个事件对象，通过它的事件添加函数和删除函数来给元素添加/删除对象。

我们在Js中添加一个对象

var  EventFunc={

//定义一个事件添加函数

addEvent:function(Object,eventname,funct){

//此处开始编写兼容各种浏览器的添加事件

if(Object.addEventListener){

Object.addEventListener(eventname,funct,false);//DOM2级

}else if(Object.attachEvent){

Object.attachEvent("on"+eventname,funct);//DOM2级.且注意此时事件名前面要加一个"on"

} else {

Object["on"+eventname]=funct//注意IE中的一些低版本上面的两种方式都不支持，所以采用DOM0级，且注意此处一个地方，这儿地方的事件名前面也要加上"on"

那有的人会说Object."on"+eventname=funct不行吗？  这样是不行的，"."后面是不能加字符串的，所以我们可以通过[]来实现，不用"."  这个地方千万要注意。

}

//定义删除事件函数
removeEvent：function(){
if(Object.addEventListener){

Object.removeEventListener(eventname,funct,false);//DOM2级

}else if(Object.attachEvent){

Object.detachEvent("on"+eventname,funct);//DOM2级.且注意此时事件名前面要加一个"on"

} else {

Object["on"+eventname]=null//注意IE中的一些低版本上面的两种方式都不支持，所以采用DOM0级，且注意此处一个地方，这儿地方的事件名前面也要加上"on"

那有的人会说Object."on"+eventname=funct不行吗？  这样是不行的，"."后面是不能加字符串的，所以我们可以通过[]来实现，不用"."  这个地方千万要注意。

}
}

}

如果我们想要给某个元素添加点击事件的话，直接皆可以了

EventFunc.addEvent(Object,"click",function(){ ....})其中我们是"click",不是"onclick",还有后面可以直接写函数名：例如如果有一个函数 function showMes(){...}

那我们可以直接写showMes,注意奥，这里不是showMes()奥，也不是"showMes",