Question

使用以下功能可以检测用户具有哪个按钮按下刷新按钮或关闭按钮？如果没有另外的方法吗？

$(window).bind('beforeunload', function(event) {
    return 'pls save ur work';
});

Answer 1

简单的答案是否定的 - 浏览器的安全模型不允许您明确检测用户选择离开页面的方式（刷新/关闭/内部链接/外部链接）。

detect refresh browser for unload/beforeunload when browser closed

可以 - 使用Cookie - 检查用户何时加载您的网页，无论他们之前是否在同一会话中的该网站上 - 例如检测他们是否已刷新 - 但不是在他们刷新之前：

Detect Browser Refresh in Javascript

Check if page gets reloaded or refreshed in Javascript

部分和不完美的方法是检测他们是否在页面卸载之前按下“F5”或“Ctrl + R”或“Cmd + R”（刷新键盘快捷键）。这将检测一些刷新，但不会检测用户实际单击刷新按钮的位置。

(function($) {
    var refreshKeyPressed = false;
    var modifierPressed = false;

    var f5key = 116;
    var rkey = 82;
    var modkey = [17, 224, 91, 93];

    // Check for refresh keys
    $(document).bind(
        'keydown',
        function(evt) {
            // Check for refresh
            if (evt.which == f5key || window.modifierPressed && evt.which == rkey) {
                refreshKeyPressed = true;
            }

            // Check for modifier
            if (modkey.indexOf(evt.which) >= 0) {
                modifierPressed = true;
            }
        }
    );

    // Check for refresh keys
    $(document).bind(
        'keyup',
        function(evt) {
            // Check undo keys
            if (evt.which == f5key || evt.which == rkey) {
                refreshKeyPressed = false;
            }

            // Check for modifier
            if (modkey.indexOf(evt.which) >= 0) {
                modifierPressed = false;
            }
        }
    );

    $(window).bind('beforeunload', function(event) {
        var message = "not refreshed";

        if (refreshKeyPressed) {
            message = "refreshed";
        }

        event.returnValue = message;
        return message;
    });
}(jQuery));

您还可以在点击链接时检测链接的目标是否在同一网站上： How can I detect when the user is leaving my site, not just going to a different page?

javascript onbeforeunload检测刷新或关闭

1 个答案: