頁面卸載之前顯示自定義對話框

Question

當頁面卸載，我希望有一個確認框，並有可能與下面的代碼

$(window).on('beforeunload', function (event) { 
     return "Chandan From Mandya"; 
    }); 

但不是確認框，我想顯示自定義對話框。 我讀過這麼多的博客，都說我們不能重寫。

但在臉書上，他們正在這樣做。當處於fb狀態時，我們會寫東西，如果我們嘗試離開頁面，則不會發布。他們顯示自定義對話框。

這怎麼可能？

Answer 1

在jQuery中，這是通過unload事件完成的。

當用戶導航離開頁面時，卸載事件發送到窗口元素。這可能意味着許多事情之一。用戶可以點擊鏈接離開頁面，或者在地址欄中輸入新的URL。前進和後退按鈕將觸發事件。關閉瀏覽器窗口將導致事件被觸發。即使頁面重新加載也會首先創建一個卸載事件。

您可以使用它像這樣：

$(window).unload(function() {
//Handling the event
});

jQuery的頁面的鏈接是：http://api.jquery.com/unload/

對於自定義對話框，嘗試一些其中：
http://bootboxjs.com/
http://www.queness.com/post/1696/create-a-beautiful-looking-custom-dialog-box-with-jquery-and-css3

有很多自定義對話框解決方案在那裏，只是谷歌它。