您的位置：首页 > Web前端 > JavaScript

javascript在大部分浏览器上兼容的事件代码写法

2012-04-26 17:10 681 查看

在主流浏览器上面，各浏览器对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);

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 浏览器 fun function div null

相关文章推荐

新的分享

章节导航