如何移除addEventListener綁定的事件

小樊
105
2024-10-10 10:19:46

要移除通過(guò)addEventListener綁定的事件，您需要使用相同的函數(shù)和事件類型將事件處理程序重新分配給removeEventListener。這是一個(gè)簡(jiǎn)單的示例：

// 定義一個(gè)事件處理程序
function handleClick(event) {
  console.log('點(diǎn)擊事件觸發(fā)了');
}

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

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

請(qǐng)注意，為了使removeEventListener正常工作，您需要將事件處理程序分配給一個(gè)變量，然后在removeEventListener中使用該變量。在這個(gè)例子中，我們將事件處理程序分配給了名為handleClick的變量。

0 踩