是否可以用javascript打開一個彈出窗口，然後檢測用戶何時關閉它？

Question

這個問題幾乎全部在標題中。

是否有可能（以及如何？）用JavaScript打開彈出窗口，然後檢測用戶什麼時候關閉它？

我在項目中使用jquery，所以jQuery解決方案會很好。乾杯!

Answer 1

如果你有在彈出的內容的控制，有處理窗口的unload事件，並通過opener物業通知原窗口，首先檢查開啓者是否已關閉。請注意，這不會在Opera中始終有效。

window.onunload = function() { 
    var win = window.opener; 
    if (!win.closed) { 
     win.someFunctionToCallWhenPopUpCloses(); 
    } 
}; 

因爲每當用戶在彈出的頁面導航離開，而不只是在關閉窗口，你應該檢查彈出已someFunctionToCallWhenPopUpCloses實際關閉的unload事件將觸發：

var popUp = window.open("popup.html", "thePopUp", ""); 
function someFunctionToCallWhenPopUpCloses() { 
    window.setTimeout(function() { 
     if (popUp.closed) { 
      alert("Pop-up definitely closed"); 
     } 
    }, 1); 
} 

如果你沒有在彈出的內容的控制，或者如果你的目標瀏覽器一個不支持unload事件，你在主窗口減少到某種輪詢的解決方案。調整適合的時間間隔。

var win = window.open("popup.html", "thePopUp", ""); 
var pollTimer = window.setInterval(function() { 
    if (win.closed !== false) { // !== is required for compatibility with Opera 
     window.clearInterval(pollTimer); 
     someFunctionToCallWhenPopUpCloses(); 
    } 
}, 200); 

Answer 2

我現在唯一能想到的方法是在你的父頁面上創建一個函數，該函數在10秒後自動調用它自己的超時。在函數中，您還可以檢查cookie的值以查看它是真是假。當彈出窗口關閉時，將cookie設置爲true。

希望這會有所幫助。

Answer 3

嘗試查看unload和beforeunload窗口事件。當通過一些被關閉的窗口這樣的監測，這些應該給你一個機會，打電話回來的時候DOM卸載：

var newWin = window.open('/some/url'); 
newWin.onunload = function(){ 
    // DOM unloaded, so the window is likely closed. 
} 

Answer 4

如果你可以使用jQuery UI Dialog，它實際上有一個close事件。

Answer 5

是，辦理彈出窗口onbeforeunload事件，然後使用調用父窗口上的功能：

window.opener.myFunction() 

Answer 6

要打開一個新的窗口，電話：

var wnd = window.open("file.html", "youruniqueid", "width=400, height=300"); 

如果你只是想要知道該窗口何時關閉，請使用onunload。

wnd.onunload = function(){ 
    // do something 
}; 

如果您想要在用戶確認之前關閉它，請使用onbeforeunload。

wnd.onbeforeunload = function(){ 
    return "are you sure?"; 
}; 

Answer 7

我們在我的一個項目中工作。

訣竅是在您的父頁面中有一個JS函數，當彈出窗口關閉時您打算調用它，然後在彈出窗口中掛鉤卸載事件。

window.opener屬性是指產生此彈出窗口的頁面。

例如，如果我寫了我原來的頁面上名爲callingPageFunction功能，我把它叫做從彈出這樣的：

$(window).unload(function() { 
    window.opener.callingPageFunction() 
}); 

有兩點需要注意：

1. 這應該被包裹準備就緒的功能。
2. 我有一個匿名的功能，因爲你可能在想其他的邏輯有

Answer 8

有一個非常簡單的解決方案，您的問題。

首先製作一個新的對象，這將打開一個彈出這樣的：

var winObj = window.open('http://www.google.com','google','width=800,height=600,status=0,toolbar=0'); 

爲了知道什麼時候這個彈出窗口關閉，你只需要保持與類似下面的循環檢查這一點：

var loop = setInterval(function() { 
    if(winObj.closed) { 
     clearInterval(loop); 
     alert('closed'); 
    } 
}, 1000); 

現在你可以用你想要的任何javascript代碼替換alert。

玩得開心！ :)