使用javascript的onbeforeunload事件

 

onbeforeunload事件會在onunload事件之前觸發，它在使用者離開頁面之前彈出一個確認框，問使用者是否要真正的離開本頁面。如果使用者點擊了“確認”按鈕，頁面將會跳轉或重新整理。如果點擊了“取消”，使用者會停留在當前頁面，onunload事件不會被觸發。假設頁面中有一個表單，使用者填寫了資料但卻沒有儲存提交，他直接點擊了重新整理按鈕，這時候就可以使用onbeforeunload事件來提示使用者“資料沒有儲存”，這樣就給哪些忘記提交或不小心點擊到頁面其他連結的使用者一個取消的機會。

如果只想彈出確認框詢問使用者是否要離開，則只需在onbeforeunload的回呼函數返回Null 字元串即可。代碼如下：

window.onbeforeunload = function(){ return ''; }//有些資料中唯寫的return; 但在我的瀏覽器上根本沒有彈出。

但如果沒有有價值的提示的資訊，像上面的代碼那樣，最好還是不要彈出確認框，以免給使用者帶來反感。大多數使用onbeforeunload事件的情況，都會提供給使用者有價值的提示。

 

下面是一個關於視窗關閉的提示代碼：

      window.onbeforeunload = function () {
            var n = window.event.screenX - window.screenLeft;
            var b = n > document.documentElement.scrollWidth - 20;
            if (b && window.event.clientY < 0 || window.event.altKey) {
                if (!confirm("真要關閉視窗嗎?")) {
                    return true;
                }
                else
                    return false;

            }
        }