如何在没有 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中文网其他相关文章！