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

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

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

一種方法是使用 event.target 屬性來檢查點擊或觸發的元素是否屬於所需類型。以下是範例：

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

注意： 此方法假設您所需的元素位於

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

注意事項：

• 此方法僅適用於符合標準的瀏覽器（例如​​IE9 ） .
• 對於較舊的IE版本（例如IE8），可能需要使用AttachEvent 來圍繞正確的本機函數進行自訂包裝。

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