JavaScript綁定事件跟解綁事件的兼容代碼
阿新 • • 發佈：2018-07-30
cli listener oct list event java value bsp else
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="按鈕" id="bt"/> <input type="button" value="解綁事件" id="bt2"/> <script src="common.js"></script> <script> //綁定事件兼容代碼 function addEventListner(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; } } //解綁事件的兼容代碼 function removeEventListner(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("第二個"); } addEventListner(my$("bt"), "click", f1); addEventListner(my$("bt"), "click", f2); my$("bt2").onclick = function () { removeEventListner(my$("bt"), "click", f1); }; </script> </body> </html>
JavaScript綁定事件跟解綁事件的兼容代碼