99-js解绑监听事件

发表于 | 分类于 |

addEventListener()和removeEventListener()用来绑定事件和解绑事件

它们都接受3个参数addEventListener(eventName，function，true)

第三个参数为true表示在捕获阶段调用事件处理程序，false表示在冒泡阶段调用事件处理程序

例如：

1
2
3
4
window.addEventListener('resize',function(event){
  event.preventDefault();
  console.log('调整浏览器窗口大小时触发resize事件')
},false)

当移除事件时用removeEventListener()

1
2
3
4
window.removeEventListener('resize',function(event){
  event.preventDefault();
  console.log('解绑resize事件')
},false)

但是发现并没有解绑成功！！！

因为解绑和绑定时的函数名要相同，也就意味着通过addEventListener绑定的匿名函数是不能解绑的

正确的绑定和解绑示例：

1
2
3
4
5
6
function resizeWindow(event){
  event.preventDefault();
  console.log('调整浏览器窗口大小时触发resize事件')
}
window.addEventListener('resize', resizeWindow, false);
window.removeEventListener('resize', resizeWindow, false);

这样就ok了

版权声明：本文为CSDN博主「xmy_wh」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/xmy_wh/article/details/84634410