Question

你能自动点击一个页面进入iframe吗？

我有一个iframe显示来自另一个html文档的俄罗斯方块游戏，我想让它在我点击一个按钮使其显示在页面上时自动控制这些碎片。

以下是一些代码：

ID=1

<iframe id="tetrislauncher" src="src/tetris/index.html"></iframe>

<style>#tetrislauncher{display:none;}</style>

我希望按钮也可以执行类似

的操作

<button onclick="$('#tetrislauncher').fadeIn()">Play Tetris</button

但是这不起作用，我假设是因为你没有点击iframe来调用像按钮那样的函数。

关键在于游戏会自动启动，并在您隐藏游戏时暂停，但我想点击使其显示，并且能够访问箭头键以移动而不会必须事先点击iframe。我和其他iframe游戏太空入侵者有同样的问题，这是使用相同的代码（基本上）制作的。

任何人都知道如何做到这一点？

Answer 1

您可能需要focus元素。

$('#tetrislauncher')[0].contentWindow.focus()

Setting focus to iframe contents

Answer 2

Finley的，

该按钮需要id标记作为iframe
您的按钮位于iframe内？

使用jQuery：

$("#tetrislauncher").contents("#btnID").click();
$("#tetrislauncher").contents("#btnID").click(functionIfYouWant);

纯javascript：

var iframeObj = document.getElementById("tetrislauncher");
btnObj = iframeObj.contentWindow.document.getElementById("btnID")
btnObj.addEventListener("click", functionIfYouWant, false);

HTML建议：

<button id="btnID" onclick="$('#tetrislauncher').fadeIn()">Play Tetris</button>

点击iframe

2 个答案: