通过在特定坐标上动态点击来点击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中的文档。