刪除事件監聽器

Question

如果我將事件處理程序添加到類似

HTMLElement.onclick = somefunction;

如何刪除以上述樣式添加的事件處理程序。

我嘗試使用如下所示的removeEventListener，但是沒有用。

HTMLElement.removeEventListener('click', somefunction)

我能做什么？

Answer 1

如果使用onclick分配方法，則需要將onclick重新分配給另一個值以“解除綁定”它，例如：

HTMLElement.onclick = null;

請注意，盡管使用onclick被認為是一種不好的做法，因為它不允許您綁定多個函數，請改用addEventListener 。

Answer 2

將addEventListener與removeEventListener使用

例

HTMLElement.addEventListener('click', somefunction)
HTMLElement.removeEventListener('click', somefunction)