動態建立元素的事件偵聽器

要在不使用jQuery 的情況下向動態產生的元素新增事件偵聽器，您可以使用事件委託。具體方法如下：

使用事件委託
事件物件的 target 屬性可讓您識別事件發生在哪個元素上。使用此功能，您可以將事件偵聽器綁定到父元素並檢查目標元素以回應特定條件。例如：

document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Do your action on the newly created 'li'
  }
});

在此範例中，事件偵聽器綁定到主體，當任何子元素發生點擊時，程式碼將檢查它是否是「li」。如果是這樣，則執行指定的操作。

注意事項
請注意，此方法適用於支援事件委託機制的現代瀏覽器。對於較舊的 IE 版本，您可能需要使用 AttachEvent.