如何实现JS事件绑定的兼容性处理方法?

更新于
2026-09-29 12:25:12
1阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计169个文字,预计阅读时间需要1分钟。

如何实现JS事件绑定的兼容性处理方法?

`EventUntil` 是一个用于处理事件监听的简单库。以下是对其开头部分的简化:

javascriptEventUntil={ addHandler: function(element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent('on' + type, handler); } }}

EventUntil

var EventUntil = { addHandler:function(element,type,handler){ if(element.addEventListener){ //先检测DOM2级 element.addEventListener(type,handler,false) }else if(element.attachEvent){ //再检测IE element.attachEvent('on'+type,handler) }else{ element['on'+type]=handler; //最后检测DOM0级事件侦听器 } }, 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 }, getTarget:function(event){ return event.target||event.srcElement; }, preventDefault:function(event){ if(event.preventDefault){ event.preventDefault() }else{ event.returnValue = false; } }, stopPropagation:function(event){ if(event.stopPropogation){ event.stopPropogation() }else{ event.cancleBubble=true; } } }

如何实现JS事件绑定的兼容性处理方法?

本文共计169个文字,预计阅读时间需要1分钟。

如何实现JS事件绑定的兼容性处理方法?

`EventUntil` 是一个用于处理事件监听的简单库。以下是对其开头部分的简化:

javascriptEventUntil={ addHandler: function(element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent('on' + type, handler); } }}

EventUntil

var EventUntil = { addHandler:function(element,type,handler){ if(element.addEventListener){ //先检测DOM2级 element.addEventListener(type,handler,false) }else if(element.attachEvent){ //再检测IE element.attachEvent('on'+type,handler) }else{ element['on'+type]=handler; //最后检测DOM0级事件侦听器 } }, 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 }, getTarget:function(event){ return event.target||event.srcElement; }, preventDefault:function(event){ if(event.preventDefault){ event.preventDefault() }else{ event.returnValue = false; } }, stopPropagation:function(event){ if(event.stopPropogation){ event.stopPropogation() }else{ event.cancleBubble=true; } } }

如何实现JS事件绑定的兼容性处理方法?