事件委托怎么绑定动态添加的按钮点击事件？
我用事件委托给 ul 绑定了点击事件，想监听里面动态生成的按钮，但点按钮没反应。
我试过把事件写在 document 上也不行，是不是哪里写错了？
document.querySelector('ul').addEventListener('click', function(e) {
if (e.target.tagName === 'BUTTON') {
console.log('clicked');
}
});- 2
回答
78浏览
为什么动态添加的列表项点击事件没反应？
我给ul绑定了点击事件想用事件委托，但动态追加的li点击没触发函数。静态生成的li能触发，新增的就不行，这是怎么回事？ 代码是这样的： document.querySelector('ul').add...
- 2
回答
91浏览
为什么点击事件在动态添加的元素上不生效？
我用 JavaScript 动态创建了一些按钮，然后想给它们绑定 click 事件，但点击完全没反应。我试过直接用 element.onclick = ... 的方式，也试过 addEventList...
- 2
回答
46浏览
事件委托怎么拿不到动态添加的子元素数据？
我用事件委托给一个 ul 绑定了点击事件，想通过 e.target 获取 li 里的 data-id，但新 append 进去的 li 点击后拿不到属性，老的却可以。是不是我写法有问题？ 我试过把事件...
- 2
回答
85浏览
Froala编辑器自定义按钮点击后无法触发事件怎么办？
我用Froala给项目加了个自定义按钮，配置完之后按钮能显示出来也能点击，但绑定了click事件就是没反应。控制台也没报错，这是怎么回事啊？ 代码是这样写的：<br> <pre cl...
- 1
回答
52浏览
NodeGui 中如何正确绑定按钮点击事件？
我在用 NodeGui 写一个桌面应用，想给按钮加个点击事件，但试了好几次都没反应。控制台也不报错，就是点按钮没效果。是不是事件绑定方式不对？ 我现在的代码是这样的： const { QPushBut...
- 2
回答
63浏览
Angular自定义指令里怎么监听宿主元素的点击事件？
我在写一个自定义指令，想在宿主元素被点击时执行一些逻辑，但不知道该怎么绑定点击事件。试过在构造函数里用 elementRef.nativeElement.addEventListener，但听说这样不...
- 2
回答
189浏览
动态添加的DOM元素为什么无法触发Click事件？
我在给动态渲染的商品列表绑定点击事件时遇到问题。用document.querySelectorAll('.item')获取元素后循环添加了click事件监听器，但新增的DOM元素点击没反应。我尝试过用...
- 2
回答
146浏览
Foundation的自定义模态框点击关闭按钮没反应怎么办？
用Foundation做了一个自定义模态框，按照文档写好HTML结构后，给关闭按钮绑定了点击事件，但点击完全没反应。代码检查了好几遍没问题： document.addEventListener(�...
- 2
回答
119浏览
React项目中vConsole的自定义面板点击事件不触发怎么办？
在React项目里用vConsole自定义了一个侧边栏面板，但给按钮绑定的点击事件完全没反应，折腾了好久： import VConsole from 'vconsole'; const console...
- 2
回答
75浏览
百度地图覆盖物点击事件不触发怎么办？
我在用百度地图API给标记点绑定点击事件，但点击覆盖物完全没反应。初始化地图和添加marker的代码都正常，控制台也没报错，就是事件监听没生效。试过把事件写在创建marker后立即绑定，也确认了回调函...
ul可能还没加载完就绑定了。改成这样：document.addEventListener('click', function(e) { if (e.target.closest('ul') && e.target.tagName === 'BUTTON') console.log('clicked'); });就这样。ul上绑定了事件监听器，但如果ul是动态添加的或者一开始页面上根本就没有这个ul，那么事件绑定就失败了。你可以试试把事件监听器绑定到一个始终存在的元素上，比如
document或者body。你之前尝试过document，可能是因为其他原因没生效。确保你的代码逻辑没问题，可以这样试试：这样无论按钮是什么时候添加的，只要点击事件冒泡到
document，就能被捕获到。如果还是不行，检查一下你的按钮是否正确渲染出来，并且标签名确实是BUTTON。有时候大小写也可能导致问题，确保是一致的。