JS检测在DIV中单击iFrame

Question

我正在尝试检测第三方iFrame的点击，它加载并呈现在另一台服务器上。

我在父div上添加了click listener，其中包含iframe。但是它的监听器只有在我点击div的时候才能工作，而不是点击这个div里面的iframe。

有什么方法可以检测到点击我的div中的iframe吗？也许有一些ReactJS库可以做到这一点？

Answer 1

我们可以用iframe做的事情是，我们可以在使用iframe的网站上通过Javascript的contentWindow和contentDocument来操纵东西。试试这些，看看它们是否能帮上忙。

contentWindow属性返回HTMLIFrameElement的窗口对象。您可以使用此窗口对象来访问iframe的文档及其内部DOM。此属性是只读的，但其属性可以像全局窗口对象一样进行操作。

使用jQuery的：

使用jQuery contents()方法

如果仅使用jQuery capture a click ()方法在iframe中检测或单击事件，则不会起作用，因为iframe会将一个网页嵌入到另一个网页中。但是，您仍然可以使用jQuery contents()和load()方法在同一个域上执行此操作。

尝试此资源： https://www.laravelcode.com/post/how-to-detect-click-inside-iframe-using-javascript