點擊進入IFRAME

Question

，你可以做一個頁面自動點擊進入一個iframe？

我有一個顯示來自另一個HTML文檔的俄羅斯方塊遊戲的iframe，我想它會自動讓我控制的作品，當我點擊一個按鈕，使其顯示在頁面上。

下面是一些代碼：

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

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

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

我希望按鈕也做類似

$('#tetrislauncher').click()

但不工作，我假設，因爲你不喜歡，你會在點擊一個按鈕的iframe來調用一個函數。

這個問題的關鍵在於遊戲自動啓動，並在您隱藏遊戲時暫停，但我想單擊以使其顯示，並且能夠訪問箭頭鍵以移動零件而不必必須預先點擊iframe。我與另一個iframe播放空間入侵者有相同的問題，這是使用相同的代碼（基本上）。

任何人有任何想法，這可怎麼辦呢？

Answer 1

那麼很可能需要focus的元素。

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

Setting focus to iframe contents

Answer 2

芬利，

• 按鈕需要一個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>