removeListener报错

最新推荐文章于 2024-05-21 14:15:14 发布

疯狂的夏铭予

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量4.9k

点赞数

分类专栏： JavaScript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_42356513/article/details/123063805

版权

JavaScript 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

问题描述

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <button class="remove">移除事件</button>
  <script>
    window.addEventListener('load', () => {
      window.addEventListener('resize', () => {
        console.log('window-resize')
      })
      const removeBtn = document.querySelector('.remove')
      removeBtn.onclick = () => {
        window.removeEventListener('resize')
      }
    })
  </script>
</body>

</html>

点击按钮,移除监听屏幕大小事件,报错

Uncaught TypeError: Failed to execute 'removeEventListener' on 'EventTarget': 2 arguments required, but only 1 present

解决方案

把你的回调函数用函数声明的方式去写,然后在移除监听事件的时候把回调函数传进去

  <script>
    window.addEventListener('load', () => {
      function foo() {
        console.log('window-resize')
      }
      window.addEventListener('resize', foo)

      const removeBtn = document.querySelector('.remove')
      removeBtn.onclick = () => {
        window.removeEventListener('resize', foo)
      }
    })
  </script>

疯狂的夏铭予

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
removeListener报错

问题描述<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum
复制链接

扫一扫