事件解绑与解绑的兼容代码

 //绑定事件的兼容
    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)
    }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容