通过动态单击某些坐标来单击 iFrame

Question

我正在尝试通过动态单击某些坐标来单击有按钮的 iframe。我创建了一个按钮，它可以动态地单击该按钮所在的坐标，但它不起作用。

在这个JSFiddle 示例中，我有按钮点击了bing logo 所在文档的x=30px 和y=30px 坐标，但是当我点击按钮时，iframe 中的Bing logo 没有扳机。

<div class="button">Click Here</div>
<iframe src="https://www.bing.com/images" width="200" height="70"></iframe>



<script>
          function clicktransfer(x, y) {
                jQuery(document.elementFromPoint(x, y)).click();
            }

            $( ".gray" ).click(function() {
            clicktransfer(30, 30);
            });
</script>

Click here for JSFiddle

有什么想法吗？

Answer 1

您的脚本已访问主文档。 iframe 中的文档是一个单独的文档，具有自己的 DOM 结构。 你可以这样访问它：

var doc = $('iframe')[0].contentWindow.document;

但有跨域限制。换句话说，您不能访问 iframe 中具有不同来源的文档。