javascript - 捕获 iframe 上的点击事件

Question

我正在尝试做类似的事情

<div onClick={()=>{ console.log(captured)}}>
  <iframe />
</div>

不工作。看起来 iframe 不允许这样做。

有什么建议吗？

Answer 1

这是完全正常的；事件在 dom 树内冒泡，iframe 有自己的 dom 树，因此不会在其外部冒泡事件。

你的设置怎么样？如果您控制 iframe 内的内容，则可以使用发布消息 API 在 iframe 和父级之间进行通信，请检查:

https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

如果您不控制它，那么您可能会检测到父窗口上的模糊事件，而不是 iframe 上的单击事件。

希望这有帮助