removeListener报错

最新推荐文章于 2025-06-08 03:54:53 发布

疯狂的夏铭予

最新推荐文章于 2025-06-08 03:54:53 发布

阅读量6k

点赞数 1

CC 4.0 BY-SA版权

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

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

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何修复JavaScript中移除事件监听时的TypeError，通过将回调函数用函数声明的方式处理，并提供代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

<!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>