」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何在沒有 jQuery 的情況下監聽動態建立的元素的事件?

如何在沒有 jQuery 的情況下監聽動態建立的元素的事件?

發佈於2024-11-06
瀏覽:831

How to Event Listen on Dynamically Created Elements without jQuery?

在沒有 jQuery 的情況下監聽動態創建的元素的事件

使用外部頁面時,向動態生成的元素添加事件監聽器可能具有挑戰性。在這種情況下,委派事件處理至關重要。

一種方法是使用 event.target 屬性來檢查單擊或觸發的元素是否屬於所需類型。這是一個例子:

document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Execute desired action on encountered 'li' elements
  }
});

注意: 此方法假定您所需的元素位於

元素內。如果選擇器嵌套在其他容器中,請相應地調整選擇器。

注意事項:

  • 此方法僅適用於符合標準的瀏覽器(例如​​IE9 ) .
  • 對於較舊的IE版本(例如IE8),可能需要使用AttachEvent 來圍繞正確的本機函數進行自訂包裝。
版本聲明 本文轉載於:1729566436如有侵犯,請洽[email protected]刪除
最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3