點擊屏幕后刷新iframe

Question

對javascript不太熟悉。 我已經進行了一些搜索，但是無法在當前項目中實現此代碼。

基本上是要在點擊屏幕時刷新iframe。 我目前有以下代碼：

document.getElementById('').contentWindow.location.reload(true);

我想將其集成到以下代碼中：

    $(".launch").loadthis({ direction: "left", connect: true });

我將如何處理？

Answer 1

您的問題中有一些不清楚的問題。

1）當您說“單擊屏幕”是什么意思？

• 在打開的瀏覽器窗口中的任何地方？
• 打開的瀏覽器窗口中的任何位置（包括iframe）？

2）您的IFRAME是瀏覽器窗口寬度和高度的100％嗎？

無論如何，下面我將分解您的問題，並希望為您提供解決方案...

我們如何刷新網頁？

您可以使用以下方法刷新網頁：

location.reload(true);

我們如何刷新iframe？

您可以使用以下代碼刷新IFRAME： 刷新iframe

<iframe id="myiframe" src="http://google.com"></iframe>
document.getElementById("myiframe").src = "http://www.google.com?"+(+new Date());

我們如何檢測點擊？

您可以在此處使用解決方案： https : //stackoverflow.com/a/2622026/1688441

document.onclick= function(event) {
    // Compensate for IE<9's non-standard event model
    //
    if (event===undefined) event= window.event;
    var target= 'target' in event? event.target : event.srcElement;

    alert('clicked on '+target.tagName);
};

剩余的問題：

如果用戶在IFRAME中單擊該怎么辦？

如果用戶在IFRAME中單擊，並且我們控制IFRAME的代碼，則可以在IFRAME的HTML / JAVASCRIPT中使用單擊偵聽器並觸發刷新。

如果我們擁有不同的域，由於安全原因，將無法完成太多工作。

Answer 2

window.addEventListeneder("click", windowClickHandler);

function windowClickHandler(event) {
    document.getElementById('iframe_id').contentWindow.location.reload();
}

也看到這個問題 ;