js添加与解除事件 addEventListener / removeEventListener

最新推荐文章于 2024-03-06 14:22:32 发布

原创最新推荐文章于 2024-03-06 14:22:32 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

路漫漫其修远兮，吾将上下而求索～

文章标签：

#addEventListener #removeEventListener

js 专栏收录该内容

27 篇文章

订阅专栏

本文深入解析事件监听器的绑定与解绑机制，探讨了不同参数设置下事件触发的顺序，如捕获阶段与冒泡阶段的区别，以及如何正确使用addEventListener和removeEventListener方法。

解绑和绑定时的函数名要相同，也就意味着通过addEventListener绑定的匿名函数是不能解绑的
共用函数不能带参数比如对象.addEventListener(‘click’,fn1,false)；fn1不能写成fn1()；
第三个参数布尔值参数是true，表示在捕获阶段调用事件处理程序；就是最不具体的节点先接收事件，最具体的节点最后接收事件
如果是false，在冒泡阶段调用事件处理程序;则是先寻找指定的位置，由最具体的元素接收，然后逐级向上传播至最不具体的元素的节点

 	var apply = document.getElementById('apply'); 
    var applyle = document.getElementById('applyle'); 
    
    apply.addEventListener('click',fn1,false)；
    
    applyle.addEventListener('click',function(){
        apply.removeEventListener('click',fn1)；
    })；
    
    function fn1() {
        console.log('l2l')
    }