Beforeunload 事件没有像我认为的那样工作答案

【问题标题】：Beforeunload event not working as I think it shouldBeforeunload 事件没有像我认为的那样工作
【发布时间】：2013-12-13 12:55:07
【问题描述】：

我希望用户在尝试离开我的页面时收到一条消息。我的页面由一个表格和一些链接（菜单等）组成。我的 jQuery 代码如下

$(document).ready(function(){
    $(window).bind('beforeunload', function(e){
        answer=confirm('Do you want to go?');
        if (answer===false){
            e.preventDefault();
        }
    });
});

但是，当我单击其中一个链接时，用户在页面外导航，并且没有出现任何确认对话框。我误解了beforeunload 事件吗？

【问题讨论】：

每个浏览器都有自己的方式来处理 beforeunload 事件。当然，您不能阻止此事件的默认行为。你应该只返回一个字符串作为提示消息
stackoverflow.com/questions/6063522/jquery-beforeunload

标签： jquery onbeforeunload

【解决方案1】：

不幸的是，没有办法覆盖默认行为。大多数浏览器只会显示事件的返回值，并伴有“确定”/“离开页面”和“取消”按钮。您可以设置该消息：

window.onbeforeunload = function (e) {
        var e = e || window.event;
        // For IE and Firefox prior to version 4
        if (e) {
            e.returnValue = 'Hey, you are leaving. Do you want to continue?';
        }
        //you can do some last minute scripting here
        // For Safari
        return 'Hey, you are leaving. Do you want to continue?';
};

根据 Jason P 的建议，read more on it here

【讨论】：