首頁 >web前端 >js教程 >有沒有辦法在不取代元素的情況下刪除 JavaScript 中的匿名事件偵聽器?

有沒有辦法在不取代元素的情況下刪除 JavaScript 中的匿名事件偵聽器?

Barbara Streisand
Barbara Streisand原創
2024-10-18 16:47:03891瀏覽

Is There a Way to Remove Anonymous Event Listeners in JavaScript Without Replacing the Element?

刪除匿名事件監聽器

在 JavaScript 中,事件監聽器通常使用匿名函數加入 DOM 元素。但是,在不取代元素的情況下刪除這些事件偵聽器可能具有挑戰性。

問題

有沒有辦法刪除像這樣新增的事件偵聽器:

element.addEventListener(event, function(){/* do work here */}, false);

...不取代元素?

答案

不幸的是,除非您儲存了引用,否則不可能乾淨地刪除匿名事件偵聽器

解決方案

一種方法是將事件偵聽器新增至特定對象,而不是元素本身。例如,您可以有一個「MyListener」物件來管理所有事件偵聽器。然後,當您不再需要事件偵聽器時,只需將其從「MyListener」物件中刪除即可。

這是一個例子:

// Create a "MyListener" object
var myListener = {
  events: []
};

// Add an event listener to the "MyListener" object
myListener.add("click", function(){/* do work here */}, false);

// Remove the event listener from the "MyListener" object
myListener.remove("click");

以上是有沒有辦法在不取代元素的情況下刪除 JavaScript 中的匿名事件偵聽器?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn