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

2017-10-14  本文已影响18人  报告老师

//绑定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;

      }

  }

}

上一篇 下一篇

猜你喜欢

热点阅读