美文网首页
封装一个兼容浏览器DOM2级事件工具类

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

作者: 报告老师 | 来源:发表于2017-10-14 23:49 被阅读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;

      }

  }

}

相关文章

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

    //绑定2级事件 //说明:handler指执行函数,type指事件类型.element参数为动态判断时指wind...

  • Javascript中事件库的封装

    在浏览器中,对于事件的操作,兼容性主要是存在DOM2级事件里面,标准浏览器是通过addEventListener(...

  • zj9 事件

    事件模型、事件冒泡、事件捕获、事件代理、阻止默认事件、事件兼容等 题目1: DOM0 事件和DOM2级在事件监听使...

  • JavaScript事件02——事件处理程序

    大纲:概念(事件处理程序)事件处理程序(HTML事件,DOM0级,DOM2级,IE事件,跨浏览器) 一、概念: 1...

  • JS 事件

    目录 事件流 事件处理程序HTML事件处理程序DOM0级事件处理程序DOM2级事件处理程序IE事件处理程序跨浏览器...

  • 第九周第五天笔记

    1 标准浏览器中的DOM2级事件绑定 addEventListener绑定代码:oDiv.addEventList...

  • 事件处理程序

    HTML事件处理程序 HTML程序和JS无法分离 DOM0级事件处理程序 DOM2级事件处理程序 DOM2级事件定...

  • React 事件

    React 事件 React 自己维护了自己的事件, 已经对事件进行封装解决了浏览器兼容的问题 React 使用了...

  • DOM0 DOM2添加事件

    兼容性 DOM2级事件 为同一个元素添加事件时,按照加载顺序依次进行。 IE: 与DOM0区别: 作用于不用,DO...

  • 事件

    题目1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0级的事件添加形式为 DOM2级事件添...

网友评论

      本文标题:封装一个兼容浏览器DOM2级事件工具类

      本文链接:https://www.haomeiwen.com/subject/qscquxtx.html