“确认导航” 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.' 
    } 
};