1. 系結事件的兼容
function addEventListener(element,type,fn) { if(element.addEventListener){ element.addEventListener(type,fn,false); }else if(element.attachEvent){ element.attachEvent("on"+type,fn); }else{ element["on"+type]=fn; } }
2. 解綁事件的兼容
function removeEventListener(element,type,fnName) { if(element.removeEventListener){ element.removeEventListener(type,fnName,false); }else if(element.detachEvent){ element.detachEvent("on"+type,fnName); }else{ element["on"+type]=null; }
測驗解綁時間的兼容：
//解綁事件的兼容 //為任意的一個元素,解綁對應的事件 function removeEventListener(element, type, fnName) { if (element.removeEventListener) { element.removeEventListener(type, fnName, false); } else if (element.detachEvent) { element.detachEvent("on" + type, fnName); } else { element["on" + type] = null; } } function f1() { console.log("測驗兼容第一個"); } function f2() { console.log("測驗兼容第二個"); } addEventListener(my$("btn1"), "click", f1); addEventListener(my$("btn1"), "click", f2); my$("btn2").onclick = function () { removeEventListener(my$("btn1"), "click", f1); };
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/164071.html
標籤：JavaScript
下一篇：js去除空格12種方法