添加事件与移除事件

第一种:

通过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);

 

posted @ 2018-11-08 22:02  coconutGirl  阅读(355)  评论(0编辑  收藏  举报