[js] 删除绑定的事件 removeEventListener

<div>我是div标签div>
        var oDiv  = document.querySelector('div');

        // on语法绑定
        oDiv.onclick = function(){console.log(1111)};
        // 删除事件 赋值 空函数
        oDiv.onclick = function(){};

        // 事件监听语法
        oDiv.addEventListener('click' , function(){console.log(1111)} );
        oDiv.addEventListener('click' , fun );

        
        oDiv.removeEventListener('click' , fun );


        function fun(){
            console.log(2222);
        }

通过addEventListener()添加的事件处理程序只能使用removeEventListener()来移除;移除时传入的参数与添加处理程序时使用的参数相同。这也意味着通过addEventListener()添加的匿名函数无法移除

下面这种写法是错误的

oDiv.addEventListener('click' , function(){console.log(1111)} );

// 删除事件
oDiv.removeEventListener('click' , function(){console.log(1111)} );

所以要删除的,需要写成如下形式

oDiv.addEventListener('click' , fun );
function fun(){
            console.log(2222);
        }

再进行删除即可

oDiv.removeEventListener('click' , fun );

参考:
https://www.jianshu.com/p/7bfe9ec99b65

你可能感兴趣的:(#,js,javascript)