javascript - ReactJs 查找绑定(bind)到元素的所有事件

Question

我试图弄清楚当我在使用 reactJS 构建的网站上单击一个元素时触发了什么，我单击该元素并触发了事件，但是当我尝试 el.click() 什么都没有发生，如果是鼠标右键或左键单击，事件就会触发，我不知道关于 reactJS 的第一件事，但我读到 reactJS 有它自己的“合成事件”，这些事件应该是原生的事件!所以我假设 el.click() 应该触发这个合成事件，不管它是什么。但事实并非如此。

我创建了一个将字符串写入控制台的事件，以测试它是否会在我单击该元素时运行，但它没有!相反，原始应用程序事件被触发。

所以我想如果我可以列出这个元素的所有“综合事件”，我可以用 el.dispatchEvent(event) 触发那个？

我希望我在这里说得有道理。

Answer 1

el.dispatchEvent(event) 应正确分派(dispatch)事件。虽然我认为“本地”事件监听器不会被触发。只有反应内部的。合成事件不会泄露到外部。

尝试向 document.body 添加一个事件监听器。然后，您可以通过检查 event.target(如果事件没有停止冒泡)来确定按钮是否被点击。