事件对象兼容写法

最新推荐文章于 2022-07-19 21:03:27 发布

huxiang66

最新推荐文章于 2022-07-19 21:03:27 发布

阅读量601

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_40301750/article/details/85160466

本文详细介绍了一种跨浏览器兼容的事件处理方法，包括事件监听、取消监听、获取事件对象、确定事件类型、定位事件目标元素、阻止默认行为及事件冒泡等关键操作。适用于JavaScript开发者，特别是需要处理复杂事件交互场景的专业人员。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 添加句柄
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}else if(element.attachEvent){
element.attachEvent('on'+type,handler);
}else{
element['on'+type]=handler;
}
}，

// 删除句柄
removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false);
}else if(element.detachEvent){
element.detachEvent('on'+type,handler);
}else{
element['on'+type]=null;
}
},

//获取事件对象
getEvent:function(event){
return event?event:window.event;
},

//类型
getType:function(event){
return event.type;
},

//元素
getElement:function(event){
return event.target || event.srcElement;
},

//阻止默认
preventDefault:function(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue=false;
}
},

//阻止冒泡
stopPropagation:function(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble=true;
}
}