温馨提示×

如何移除addEventListener绑定的事件

小樊
120
2024-10-10 10:19:46
栏目: 编程语言

要移除通过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的变量。

0