jquery防止窗口關閉

Question

我想問用戶他是否真的想離開頁面，當他點擊關閉按鈕就像它在谷歌文檔中完成。如何使用jQuery來做到這一點？

Answer 1

將窗口的onbeforeunload屬性設置爲函數。

This post has a good example on how to do it.

或者又如：

<script language="JavaScript"> 
    var needToConfirm = true; 

    window.onbeforeunload = confirmExit; 
    function confirmExit() 
    { 
    if (needToConfirm) 
     return message to display in dialog box; 
    } 
</script> 

... 

<input type="Submit" value="Save" onclick="needToConfirm = false;" /> 

併成立needToConfirm爲您的表單，您可以：爲您

$(document).ready(function() { 
    $(':input', document.myForm).bind("change", function() { needToConfirm = true; }); // Prevent accidental navigation away 
}); 

Answer 2

JQuery用戶界面可能是有用的 - 見this link。它顯示了幾種不同類型的對話 - 你想要的是我認爲的「模態確認」。但請記住，JQuery UI庫非常龐大，因此可能會更好地查找更多定製選項（通過搜索JQuery確認模式找到了一些選項）。我無法保證這些解決方案的質量，因爲我從未嘗試過這些解決方案。

Answer 3

以下爲我工作;

$(window).unload(function() { 
       if(event.clientY < 0) { 
        //do whatever you want when closing the window.. 
       } 
      });