在动态创建的元素上添加事件侦听器

在动态创建的元素上添加事件侦听器,第1张

在动态创建的元素上添加事件侦听器

听起来您需要执行委派策略而又不退回图书馆。我在此处的小提琴中发布了一些示例代码

要点是使用对象

target
上的
event
来查找您感兴趣的元素,并做出相应的响应。就像是:

document.querySelector('body').addEventListener('click', function(event) {  if (event.target.tagName.toLowerCase() === 'li') {    // do your action on your 'li' or whatever it is you're listening for  }});

小心! 示例Fiddle仅包含用于符合标准的浏览器的代码(即IE9+,以及几乎每个其他版本的代码)。如果您需要支持“旧IE”

attachEvent
,则还需要围绕该浏览器提供自己的自定义包装适当的本机功能。



欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5509205.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-13
下一篇 2022-12-13

发表评论

登录后才能评论

评论列表(0条)

保存