温馨提示×

如何移除addEventListener绑定的事件

小樊
169
2024-10-10 10:19:46
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

要移除通过addEventListener绑定的事件,您需要使用相同的函数和事件类型将事件处理程序重新分配给removeEventListener。这是一个简单的示例:

// 定义一个事件处理程序
function handleClick(event) {
  console.log('点击事件触发了');
}

// 使用 addEventListener 为按钮添加事件处理程序
const button = document.querySelector('button');
button.addEventListener('click', handleClick);

// 使用 removeEventListener 移除事件处理程序
button.removeEventListener('click', handleClick);

请注意,为了使removeEventListener正常工作,您需要将事件处理程序分配给一个变量,然后在removeEventListener中使用该变量。在这个例子中,我们将事件处理程序分配给了名为handleClick的变量。

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:addEventListener如何移除事件监听

0