addEventListener()和removeEventListener()用来绑定事件和解绑事件
它们都接受3个参数addEventListener(eventName,function,true)
第三个参数为true表示在捕获阶段调用事件处理程序,false表示在冒泡阶段调用事件处理程序
例如:
window.addEventListener('resize',function(event){
event.preventDefault();
console.log('调整浏览器窗口大小时触发resize事件')
},false)
当移除事件时用removeEventListener()
window.removeEventListener('resize',function(event){
event.preventDefault();
console.log('解绑resize事件')
},false)
但是发现并没有解绑成功!!!
因为解绑和绑定时的函数名要相同,也就意味着通过addEventListener绑定的匿名函数是不能解绑的
正确的绑定和解绑示例:
function resizeWindow(event){
event.preventDefault();
console.log('调整浏览器窗口大小时触发resize事件')
}
window.addEventListener('resize', resizeWindow, false);
window.removeEventListener('resize', resizeWindow, false);
这样就ok了