javaScript跨浏览器事件处理封装代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javaScript跨浏览器事件处理封装代码相关的知识,希望对你有一定的参考价值。

var eventUtil = {
  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;
  }
  },
  removehandler:function(element,type,handler){
  if(element.removeEventListener){//Dom2级事件处理
  element.removeEventListener(type,handler,false);
  }else if(element.detachEvent){//Ie浏览器事件处理
  element.detachEvent(‘on‘+type,handler);
  }else{
  element[‘on‘+type] = null;
  }
  }
}

 

添加和删除事件处理代码封装




















以上是关于javaScript跨浏览器事件处理封装代码的主要内容,如果未能解决你的问题,请参考以下文章

跨浏览器的事件对象-------EventUtil 中的方法及用法

跨浏览器事件对象封装

009天之跨浏览器的事件处理程序

JavaScript跨浏览器绑定事件函数的优化

JS-DOM2级事件对象跨浏览器处理(已封装)

跨浏览器事件封装