添加事件与移除事件

Posted coconutgirl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了添加事件与移除事件相关的知识,希望对你有一定的参考价值。

第一种:

通过addEventListener添加事件,必须通过removeEventListener移除事件,并且回调与参数都必须一致,所以如下情况使用匿名回调函数是无法移除事件的。

不起效:

document.addEventListener(‘mousedown‘, function() {

  console.log(‘添加文档的鼠标按下事件‘);

});

document.removeEventListener(‘mousedown‘, function() {

  console.log(‘移除文档的鼠标按下事件,但是这样是不起效的。‘);

});

起效:

let handler = function(e) {

  console.log(‘回调函数,并且事件对象Event默认会传进来‘);

}

document.addEventListener(‘mousedown‘, handler);

document.removeEventListener(‘mousedown‘, handler);

 

以上是关于添加事件与移除事件的主要内容,如果未能解决你的问题,请参考以下文章

事件委托添加与移除

jQuery事件委托为动态添加的全部元素移除类名

Jquery挂事件与移除事件

事件的绑定与移除

ios里面怎样监听js的事件

vue.js怎样移除绑定的点击事件