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

时间:2020-05-31 21:20:21   收藏:0   阅读:48

技术分享图片

技术分享图片

   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);
    // }

原文:https://www.cnblogs.com/xjt31/p/13021374.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!