如何在沒有 jQuery 的情況下處理動態產生元素的事件偵聽器附件？

動態事件監聽器配件

您希望將事件監聽器附加到不屬於您的網頁上動態產生的元素。由於您無法使用 jQuery，因此您尋求替代解決方案。

事件委託在這種情況下是一種可行的方法。透過將偵聽器附加到更高層級的元素（例如 body），您可以捕獲從其子元素冒出的事件，包括動態建立的事件。

<code class="javascript">document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Perform your action on 'li' elements
  }
});</code>

在此程式碼段中：

• 我們為 body 元素新增一個點擊事件監聽器。
• 點擊事件發生時，我們檢查 event.target 的 tagName。
• 如果目標是 < ;李>元素，我們執行所需的操作。

請注意，這種方法依賴於事件冒泡。它可能無法在某些不支援此機制的舊瀏覽器中運作。此外，如果任何動態產生的元素嵌套在其他元素中（例如，

嵌套在

中），您可能需要相應地調整事件委託選擇器。

以上是如何在沒有 jQuery 的情況下處理動態產生元素的事件偵聽器附件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！