JS函数addEventListener的浏览器差异性封装

IE8及更早的版本不支持 addEventListener()函数,因此需要一个标准的函数将这些差异性做封装:

1 function addListener(target, type, handler) {
2     if (target.addEventListener) {
3         target.addEventListener(type, handler, false);
4     } else if (target.attachEvent) {
5         target.attachEvent("on" + type, handler);
6     } else {
7         target["on" + type] = handler;
8     }
9 }

使用 addListener()函数:

1 function doSomeThing() {
2     // 代码
3 }
4 var btn = document.getElementById("action-btn");
5 addListener(btn, "click", doSomeTing);

转载于:https://www.cnblogs.com/eversleeping/p/3149664.html

JS函数addEventListener的浏览器差异性封装相关推荐

js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）...
js进阶ajax函数封装(匿名函数作为参数传递)(封装函数引入文件的方式非常好用) 一.总结 2.匿名函数作为参数传递二.js进阶ajax函数封装 ajax1.js 1 function ajax( ...
react封装函数_react request.js 函数封装
1.request.js 函数封装 import { Toast } from 'antd-mobile'; import axios from 'axios'; import store from ...
保留指定小数位数js函数封装
保留指定小数位数js函数封装不用正则保留指定小数位数函数入参定义, num:需要处理的数据 len:保留小数位数,默认2位判断类型,统一转字符串处理空值return 空字符串 numStr.r ...
js快速判断IE浏览器(兼容IE10与IE11)
原文:js快速判断IE浏览器(兼容IE10与IE11) 在很多时候,我们一般采用navigator.userAgent和正则表达来判断IE浏览器版本,下面介绍用IE浏览器中不同特性来判断IE浏览器 1 ...
api日常总结：前端常用js函数和CSS常用技巧
我的移动端media html{font-size:10px} @media screen and (min-width:321px) and (max-width:375px){html{font- ...
js使用基础总结（简单封装，事件，foreach 原生js写法）
1.forEach的灵活使用 [注意]数组专用的-----遍历函数方法相当于for循环语法结构 arr.forEach(function(obj,index){ obj---数组中的具体数据,可以是 ...
js函数使用详细讲解！
文章目录使用函数定义函数声明函数构造函数函数直接量定义嵌套函数调用函数函数调用函数的返回值方法调用使用call和apply调用使用new调用函数参数形参和实参获取参数个数 ...
如何编写高质量的 JS 函数（3） --函数式编程[理论篇]
本文首发于 vivo互联网技术微信公众号链接:https://mp.weixin.qq.com/s/EWSqZuujHIRyx8Eb2SSidQ 作者:杨昆 [编写高质量函数系列]中, < ...
JS面向对象一:MVC的面向对象封装
JS面向对象一:MVC的面向对象封装 MDNjavascript面向对象面向对象(Object-Oriented) 面向对象里面向的意思是以...为主,面向对象编程既以对象为主的编程. 面向对象的一 ...

JS函数addEventListener的浏览器差异性封装

JS函数addEventListener的浏览器差异性封装相关推荐

最新文章

热门文章