事件高级 删除事件 解绑事件

Posted 2020-12-23 xjt31

   var divs = document.querySelectorAll(‘div‘);
    // 1、传统方式解除事件 this.onclick = null;
    divs[0].onclick = function () {
        alert(‘hello‘);
        this.onclick = null;
    }


    // 2、removeEventListener方式解除事件 
    // removeEventListener(‘触发器‘, 需要移除的方法名)

    // 添加addEventListener()方法新写法
    divs[1].addEventListener(‘click‘, fn)
    function fn() {
        alert(‘div1‘);
        // 添加移除事件方法removeEventListener(‘触发器‘, 需要移除的方法名)
        divs[1].removeEventListener(‘click‘, fn);
    }


    // 3、attachEvent(‘‘)
    // attachEvent() 兼容性问题 ie9之前且ie独有
    //  尽量不使用 了解
    // divs[2].attachEvent(‘onclick‘, fn1);

    // function fn1() {
    //     alert(‘div2‘);
    //     divs[2].detachEvent(‘onclick‘, fn1);
    // }