在主流浏览器上面,各浏览器对javascript的事件并不是统一的,为了使我们写的javascript代码能在大部分浏览器上面有效使用,我们需要来处理事件的兼容问题。
var Event = {
addEventListener:function(el,type,fun){
if(el.addEventListener){
el.addEventListener(type,fun,false);
}
else if(el.attachEvent){
el.attachEvent("on"+type,fun);
}
else{
el["on"+type]=fun;
}
},
removeEventListener:function(el,type,fun){
if(el.removeEventListener){
el.removeEventListener(type,fun,false);
}
else if(el.detachEvent){
el.detachEvent("on"+type,fun);
}
else{
el["on"+type]=null;
}
},
getTarget:function(ev){
return ev.srcElement?ev.srcElement:ev.Target;
}
}
添加事件:
Event.addEventListener(div,"click",divclick);
删除事件:
Event.removeEventListener(div,"click",divclick);
获取事件触发对象:
Event.getTarget(Event);