JavaScript自定义跨浏览器事件处理工具

作者:神秘网友 发布时间:2020-09-09 09:33:13

JavaScript自定义跨浏览器事件处理工具

JavaScript自定义跨浏览器事件处理工具

JavaScript自定义跨浏览器事件处理工具


JavaScript自定义跨浏览器事件处理工具


自定义一个跨浏览器事件处理工具(将JS代码存到自己的一个JS文件中)。用一个JS对象来封装函数。这期博文中只写了关于添加和删除事件的成员函数。

var EventUtil={
    //添加句柄
    addHandler:function(element,type,handler){
        //若浏览器包含DOM二级操作则用DOM二级
        if (element.addEventListener) { 
            element.addEventListener(type,handler,false);
        //若浏览器包含IE事件处理则用IE事件处理
        } else if (element.attachEvent) {
            element.attachEvent('on'+type,handler);
        //都没有则用DOM零级事件处理
        }else{
            element['on'+type]=handler;
        }
    },
    //删除句柄
    //方法同添加句柄,不做解释
    removeHandler:function(element,type,handler){
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false);
        }else if (element.detachEventListener) {
            element.detachEventListener('on'+type,handler);
        }else{
            element['on'+type]=null;
        }
    }
};

JavaScript自定义跨浏览器事件处理工具


写完此篇博文,下篇将继续将继续添加其他的事件操作。谢谢观看啦啦啦

JavaScript自定义跨浏览器事件处理工具相关教程

  1. 浏览器背后的运行机制
  2. 【Elasticsearch】18 ES文档的基本操作修改ik 分词配置与自定义
  3. python 脚本打乱日志顺序,自定义时间
  4. Javascript.info - 更新频率极高的Javascript免费开源电子教程
  5. 高效的用浏览器搜索东西
  6. android 自定义View知识点总结
  7. web前端之javascript语法
  8. ROS实操入门系列(七)ROS topic通讯之自定义复杂msg消息类型解决