動態建立元素的事件監聽器
要在不使用jQuery 的情況下向動態產生的元素新增事件監聽器，您將新增事件監聽器，您新增事件監聽器可以使用事件委託。操作方法如下：
使用事件委託
事件物件的 target 屬性可讓您識別事件發生在哪個元素上。使用此功能，您可以將事件偵聽器綁定到父元素並檢查目標元素以回應特定條件。例如：
<code class="javascript">document.querySelector('body').addEventListener('click', function(event) {
if (event.target.tagName.toLowerCase() === 'li') {
// Do your action on the newly created 'li'
}
});</code>在此範例中，事件偵聽器綁定到主體，當任何子元素發生點擊時，程式碼會檢查它是否是「li」。如果是這樣，則執行指定的操作。
注意事項
請注意，此方法適用於支援事件委託機制的現代瀏覽器。對於較舊的 IE 版本，您可能需要使用 AttachEvent 實作自訂事件處理程序。
以上是如何在沒有 jQuery 的情況下處理動態建立元素的事件偵聽器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
