防止在JavaScript中加載頁面？

Question

我正在使用javascript onunload函數來顯示一個彈出窗體，當用戶試圖離開頁面時，它顯示彈出窗口，但它不能阻止頁面加載。

這裏是我的代碼

$(window).bind('unload', function(e) { 
    $("#dialog").dialog({ 
     modal: true 
    }); 

    e.preventDefault(); 
    return false; 
}); 

Answer 1

應該是這樣的：

$(window).bind('beforeunload', function(e){ 
    e.preventDefault(); 
    $("#dialog").dialog({ 
     modal: true 
    }); 
    return "Look at the modal"; 
}); 

沒有jQuery的：

window.onbeforeunload = function (e) { 
    var message = "Your pop up message", 
    e = e || window.event; 
    // For IE ,Firefox and Chrome 
    if (e) { 
     // your functions go here 
     console.log("test"); 
     e.returnValue = message; 

    } else { 
     // For Safari 
     //your functions go here 
     console.log('test'); 
     return message; 
    }; 
};