首页 > 其他 > 详细

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

时间:2020-05-31 21:20:21      阅读:48      评论:0      收藏:0      [点我收藏+]

技术分享图片

技术分享图片

   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)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!