通过在特定坐标上动态单击来单击iFrame

Click over an iFrame by clicking dynamically on certain coordinates

本文关键字：单击 动态 iFrame 坐标      更新时间：2023-09-26

我试图点击一个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>

点击这里查看

任何想法吗?

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

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

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

相关文章：