首頁 > web前端 > js教程 > 主體

為什麼我的 JavaScript removeEventListener 不工作?

Linda Hamilton
發布: 2024-11-02 17:04:03
原創
764 人瀏覽過

Why Isn't My JavaScript removeEventListener Working?

Javascript removeEventListener 不工作

嘗試在Javascript 中向元素添加和刪除事件偵聽器時,removeEventListener 函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作函數可能無法按預期工作功能。當作為removeEventListener的第二個參數提供的匿名函數與最初指派給addEventListener的函數參考不同時,就會出現此問題。

理解問題

中根據提供的程式碼,使用匿名函數附加和刪除事件偵聽器:

area.addEventListener('click', function(event) { ... }, true);
area.removeEventListener('click', function(event) { ... }, true);
登入後複製

但是,這些匿名函數是完全不同的物件。儘管它們可能執行相同的任務,但它們不是相同的引用。

解決方案

要正確刪除事件偵聽器,您必須提供與用於新增監聽器。在 addEventListener 和 removeEventListener 呼叫外部定義命名函數:

function foo(event) {
  app.addSpot(event.clientX, event.clientY);
  app.addFlag = 1;
}
area.addEventListener('click', foo, true);
area.removeEventListener('click', foo, true);
登入後複製

透過執行此操作,removeEventListener 函數可以識別最初附加的函數參考並成功分離事件偵聽器。

以上是為什麼我的 JavaScript removeEventListener 不工作?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!