关于绑定和解绑的兼容代码

Posted 誌翔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于绑定和解绑的兼容代码相关的知识,希望对你有一定的参考价值。

//为任意元素绑定任意事件
function addEventListener(element,type,fn) {
//判断浏览器是否支持这个方法
  if(typeof (element.addEventListener)!=‘undefined‘){
    element.addEventListener(type,fn,false);
  }else if(typeof(element.attachEvent)!=‘undefined‘){
    element.attachEvent("on"+type,fn);
  }else{
    element["on"+type]=fn;//不是绑定多个,直接注册一个
  }
  }
//为任意元素解绑任意的事件
function removeEventListener(element,type,fn) {
  if(element.removeEventListener){
    element.removeEventListener(type,fn,false);
  }else if(element.detachEvent){
//IE浏览器
    element.detachEvent("on"+type,fn);
  }else{
    element["on"+type]=null;
}
}

以上是关于关于绑定和解绑的兼容代码的主要内容,如果未能解决你的问题,请参考以下文章

绑定事件和解绑事件的兼容代码

js绑定事件和解绑事件

关于浏览器滚动的兼容性问题以及事件绑定

事件的绑定以及兼容代码

js事件 event.target

Web API---DOM---为元素绑定事件的引入,为元素绑定多个代码,兼容代码