「確認導航」 alertbox

Question

我在尋找，顯示當訪問者試圖離開頁面時，他或她還沒有說完形式alertbox的功能。我導入了一張圖片來展示我的意思。翻譯：標題=「確認導航」，內容=「您要離開這個頁面嗎？」，按鈕1 =「保留此頁」按鈕2 =「留在此頁」。當你想，當你有例如未完成了一個下午就有人來回去一頁

Facebook的使用這個alertbox。

我怎麼能做到這樣呢？

在此先感謝。

Answer 1

與時變化的表單字段做時設置一個標誌一起使用window.onbeforeunload。

例如：

var changed_flag = 0; // change in an onchange event or whatever, something like the below 

document.getElementById('form_field').onchange = function() { 
    changed_flag = 1; 
}; 

window.onbeforeunload = function() { 
    if (changed_flag) { 
    return 'You have unsubmitted changes.' 
    } 
};