更新 (2017)

现代浏览器现在认为显示自定义消息是一种安全隐患，因此已从所有浏览器中删除。浏览器现在只显示一般消息。既然我们再也不用担心设置消息了，就这么简单：

// Enable navigation prompt
window.onbeforeunload = function() {
    return true;
};
// Remove navigation prompt
window.onbeforeunload = null;

阅读下面的旧浏览器支持。

更新 (2013)

原始答案适用于 IE6-8 和 FX1-3.5（这是我们在 2009 年编写时的目标），但现在已经过时并且在大多数当前浏览器中都不起作用 - 我已经离开了下面供参考。

在window.onbeforeunload所有浏览器都没有一致的处理。它应该是一个函数引用而不是一个字符串（如原始答案所述），但这将适用于较旧的浏览器，因为对大多数浏览器的检查似乎是是否分配了任何内容onbeforeunload（包括返回的函数null）。

您设置window.onbeforeunload为函数引用，但在较旧的浏览器中，您必须设置returnValue事件的 ，而不仅仅是返回字符串：

var confirmOnPageExit = function (e) 
{
    // If we haven't been passed the event get the window.event
    e = e || window.event;

    var message = 'Any text will block the navigation and display a prompt';

    // For IE6-8 and Firefox prior to version 4
    if (e) 
    {
        e.returnValue = message;
    }

    // For Chrome, Safari, IE8+ and Opera 12+
    return message;
};

confirmOnPageExit如果您希望用户在没有消息的情况下继续，则不能进行检查并返回 null。您仍然需要删除事件以可靠地打开和关闭它：

// Turn it on - assign the function that returns the string
window.onbeforeunload = confirmOnPageExit;

// Turn it off - remove the function entirely
window.onbeforeunload = null;

原始答案（2009 年工作）

打开它：

window.onbeforeunload = "Are you sure you want to leave?";

要关闭它：

window.onbeforeunload = null;

请记住，这不是正常事件 - 您无法以标准方式绑定到它。

检查值？这取决于您的验证框架。

在 jQuery 中，这可能类似于（非常基本的示例）：

$('input').change(function() {
    if( $(this).val() != "" )
        window.onbeforeunload = "Are you sure you want to leave?";
});

在onbeforeunload微软主义是我们要一个标准的解决方案，但要知道，浏览器支持参差不齐最接近; 例如，对于 Opera，它仅适用于版本 12 及更高版本（在撰写本文时仍处于测试阶段）。

此外，为了获得最大的兼容性，您需要做的不仅仅是简单地返回一个字符串，如Mozilla 开发人员网络中所述。

示例：定义以下两个函数来启用/禁用导航提示（参见 MDN 示例）：

function enableBeforeUnload() {
    window.onbeforeunload = function (e) {
        return "Discard changes?";
    };
}
function disableBeforeUnload() {
    window.onbeforeunload = null;
}

然后定义一个这样的表单：

<form method="POST" action="" onsubmit="disableBeforeUnload();">
    <textarea name="text"
              onchange="enableBeforeUnload();"
              onkeyup="enableBeforeUnload();">
    </textarea>
    <button type="submit">Save</button>
</form>

这样，用户只有在更改了文本区域时才会收到有关导航离开的警告，而在他实际提交表单时不会收到提示。

要在 Chrome 和 Safari 中完成这项工作，您必须这样做

window.onbeforeunload = function(e) {
    return "Sure you want to leave?";
};

参考：https : //developer.mozilla.org/en/DOM/window.onbeforeunload

使用 JQuery，这件事很容易做到。因为你可以绑定到集合。

仅执行 onbeforeunload 是不够的，您只想在有人开始编辑内容时触发导航。

jquerys 'beforeunload' 对我很有用

$(window).bind('beforeunload', function(){
    if( $('input').val() !== '' ){
        return "It looks like you have input you haven't submitted."
    }
});