首页 > web前端 > js教程 > 如何在没有 jQuery 的情况下监听动态创建的元素的事件?

如何在没有 jQuery 的情况下监听动态创建的元素的事件?

Mary-Kate Olsen
发布: 2024-10-23 00:59:03
原创
938 人浏览过

How to Event Listen on Dynamically Created Elements without 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中文网其他相关文章!

来源:php
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板