事件解綁與解綁的兼容代碼

 //綁定事件的兼容
    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;
        }
    }
    
 //解綁事件的兼容
    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("first");
    }

    function f2() {
        console.log('second');
    }

    addEventListener(my$('btn1'), 'click', f1);
    addEventListener(my$('btn1'), 'click', f2);
    my$('btn2').onclick = function () {
        removeEventListener(my$('btn1'), 'click', f1)
    }
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容