JS 解决 removeEventListener 不生效问题

简介: JS 解决 removeEventListener 不生效问题
  • 在使用 addEventListener 添加监听后,需要通过 removeEventListener 移除通知,但是不生效,所以需要注意: 添加移除 的监听方法要一致,也就是监听绑定的是哪个 function,移除也得一致。
  • 无法移除的写法
// 添加消息监听
window.addEventListener('message', function (msg) {
  // 输出
  console.log(msg)
  // 移除消息监听
  window.removeEventListener('message', function (msg) {
    // 输出
    console.log(msg)
  }, false)
})
  • 可以移除的写法
// 添加消息监听
window.addEventListener('message', receiveMessage)
// 接收消息
function receiveMessage (msg) {
  // 输出
  console.log(msg)
  // 移除消息监听
  window.removeEventListener('message', receiveMessage, false)
}
相关文章
|
4月前
|
JavaScript
什么是js?js的特点是什么?
什么是js?js的特点是什么?
|
13天前
|
JavaScript 前端开发
什么是js?
什么是js?
|
27天前
|
JavaScript
this的使用(js的问题)
this的使用(js的问题)
|
6月前
|
JavaScript
|
5月前
|
前端开发 JavaScript API
toastify-js
toastify-js
38 0
|
6月前
|
人工智能 JavaScript 前端开发
js的转变
js的转变
33 0
|
11月前
|
JavaScript
js小技巧(2)
js小技巧(2)
|
JavaScript CDN
写了一个Strview.js
写了一个Strview.js
|
JavaScript
js中的this
js中的this
|
JavaScript 前端开发