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

Question

我试图通过动态点击某些坐标来点击iframe，其中有一个按钮。我创建了一个按钮，用于点击该按钮所在的坐标，但它不起作用。

在这个JSFiddle示例中，我按下了bing徽标所在文档的坐标x = 30px和y = 30px的按钮，但是当我点击按钮时，iframe中的Bing徽标不会触发。

<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中具有不同来源的文档。