动态创建元素的事件侦听器

要在不使用 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.