替代 jquery 库来触发 beforeunload/unload 事件

Question

编辑：由于我的问题似乎不清楚 - 我只想在用户通过关闭浏览器/键入新链接/单击现有链接离开页面时添加 confirm() 消息

在卸载/卸载事件之前，我已经阅读了很多相关主题，但实际上没有一个可以帮助我，可能是我做错了。

我通过单击所有链接使脚本正常工作，但是在我的情况下，'beforeunload' 事件不起作用

普通脚本

$('a').on('mousedown', function(){
    var message = 'You are about to leave the page. Continue?'
    var result = confirm(message)
    if (result) {
        // some stuff
    } else {
        // some other stuff
    }
})

尝试使用 beforeunload

$(window).on('beforeunload', function(){
    var message = 'You are about to leave the page. Continue?'
    var result = confirm(message)
    if (result) {
        // some stuff
    } else {
        // some other stuff
    }
})

什么都没有发生。我也尝试过卸载事件，但仍然没有运气。

Answer 1

beforeunload 事件有点奇怪。大多数浏览器不允许您从处理程序触发确认对话，因为这将允许站点不断弹出确认对话，而不是离开页面。相反，您应该返回要显示的消息，例如：

$(window).on('beforeunload', function(e) {
    var msg = 'You are about to leave the page.  Continue?';
    (e || window.event).returnValue = msg;  //IE + Gecko
    return msg;  //Webkit
});

如果您想在结果对话退出后运行其他 javascript，请添加一个 onunload 侦听器。

编辑

正如 cmets 中所指出的，这些事件因浏览器而异。例如，最新版本的 gecko (firefox) 不允许自定义消息。