如何在不取代元素的情況下刪除匿名事件偵聽器？

在不替換元素的情況下刪除事件監聽器

在JavaScript 中，使用addEventListener 方法新增的匿名事件監聽器在不了解原始事件監聽器的情況下無法直接刪除函數引用。

指派給變數：

一種解決方法是在將匿名函數新增至事件偵聽器之前將其指派給變數：

<code class="js">const myEventHandler = function() {
  // Your code here
};

element.addEventListener(event, myEventHandler, false);</code>

然後，您可以透過刪除變數的參考來刪除事件偵聽器：

<code class="js">element.removeEventListener(event, myEventHandler);</code>

儲存在物件中：

另一種方法是儲存主物件內的物件中的匿名事件處理程序：

<code class="js">mainObject.eventHandlers = {
  [event]: function() {
    // Your code here
  }
};

element.addEventListener(event, mainObject.eventHandlers[event], false);</code>

您可以透過迭代物件並刪除對應的屬性來刪除事件偵聽器：

<code class="js">for (const event in mainObject.eventHandlers) {
  element.removeEventListener(event, mainObject.eventHandlers[event]);
}</code>

注意: 重要的是要記住，刪除事件處理程序只會阻止它們將來被觸發。任何已經發生的事件仍將執行其處理程序。

以上是如何在不取代元素的情況下刪除匿名事件偵聽器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！