封装一个兼容浏览器DOM2级事件工具类

//绑定2级事件

//说明:handler指执行函数,type指事件类型.element参数为动态判断时指window对象,调用方法时指元素对象

var EventUtil = {

addEventHandler:function(element,type.handler){

if(element.addEventListener){

//判断是否支持attachListener                element.addEventListener(type,handler);

}else if(element.attachEvent){

            //判断是否支持attachEvent

            element.attachEvent("on" + type,handler);

}else{

  //全都不支持,打回0级事件

  element["on" + type] = handler;

    }

},

//移除2级事件

removeEventHandler:function(element,type,handler){

if(element.addEventListener){

        element.removeEventListener(type,handler);

}else if(element.detachEvent){

element.detachEvent("on" +type,handler);

}else{

  element["on"+type] = null;

      }

  }

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 事件流: 事件流:页面接收事件的顺序。 IE定义的:事件冒泡流(由最具体的元素依次传播到DOM树的最上层的Docu...
    xiaoguo16阅读 609评论 0 0
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 3,074评论 1 10
  • 声明:本文来源于http://www.webzsky.com/?p=731我只是在这里作为自己的学习笔记整理一下(...
    angryyan阅读 7,129评论 1 6
  • //事件处理兼容各种浏览器,采用能力检测方法,所谓能力检测,就是有能力就做,没有能力就不做. //定义一个处理事件...
    土豆打怪兽阅读 482评论 0 0
  • 什么是事件: 我们可以简单的把事件理解为浏览器的感知系统。比如说:他可以感觉到用户是否点击(click)了页面、鼠...
    张松1366阅读 6,837评论 1 6