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

时间 2019-12-05

标签函数 addeventlistener 浏览器差别封装栏目 JavaScript 繁體版

原文原文链接

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()函数:spa

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