试图检测浏览器关闭事件

Question

我尝试了许多方法通过jQuery或JavaScript检测浏览器关闭事件。但是，不幸的是，我一直未能检测到接近。onbeforeuload和onunload方法也不起作用。

如何在卸载前检测窗口关闭、卸载或事件？




Answer 1

在Linux chrome环境下，请尝试以下代码。在运行之前，请确保jquery已附加到文档。

$(document).ready(function()
{
    $(window).bind("beforeunload", function() { 
        return confirm("Do you really want to close?"); 
    });
});

要进行简单操作，请执行以下步骤：

1. 打开http://jsfiddle.net/
2. 在html、css或javascript框中输入内容
3. 尝试关闭chrome中的tab

它应该显示以下图片：

Answer 2

参考各种文章并做一些尝试和错误测试，最后我发展了这个想法，它对我来说非常适合。

其目的是检测通过关闭浏览器触发的卸载事件。在这种情况下，鼠标将离开窗口，指向关闭按钮（'X'）。

$(window).on('mouseover', (function () {
    window.onbeforeunload = null;
}));
$(window).on('mouseout', (function () {
    window.onbeforeunload = ConfirmLeave;
}));
function ConfirmLeave() {
    return "";
}
var prevKey="";
$(document).keydown(function (e) {            
    if (e.key=="F5") {
        window.onbeforeunload = ConfirmLeave;
    }
    else if (e.key.toUpperCase() == "W" && prevKey == "CONTROL") {                
        window.onbeforeunload = ConfirmLeave;   
    }
    else if (e.key.toUpperCase() == "R" && prevKey == "CONTROL") {
        window.onbeforeunload = ConfirmLeave;
    }
    else if (e.key.toUpperCase() == "F4" && (prevKey == "ALT" || prevKey == "CONTROL")) {
        window.onbeforeunload = ConfirmLeave;
    }
    prevKey = e.key.toUpperCase();
});

如果有任何需要自定义消息，则ConfirmLe函数将给出弹出的默认消息，然后返回要显示的文本，而不是函数ConfirmLe（）中的空字符串。

Answer 3

你试过这个密码吗？

window.onbeforeunload = function (event) {
    var message = 'Important: Please click on \'Save\' button to leave this page.';
    if (typeof event == 'undefined') {
        event = window.event;
    }
    if (event) {
        event.returnValue = message;
    }
    return message;
};

$(function () {
    $("a").not('#lnkLogOut').click(function () {
        window.onbeforeunload = null;
    });
    $(".btn").click(function () {
        window.onbeforeunload = null;
});
});

第二个函数是可选的，以避免在单击#lnkLogOut和. btn元素时出现提示。

还有一件事，自定义提示在Firefox中不起作用（即使在最新版本中也是如此）。有关它的更多详细信息，请转到此线程。