69

我想使用 JavaScript 禁用浏览器刷新。

目前，我正在使用window.onbeforeunload并且我不希望在用户刷新浏览器时调用它。

最好的方法是什么？

4

11 回答 11

99

更新最近的评论声称这在新的 Chrome 中不起作用......如 jsFiddle 所示，并在我的个人网站上进行了测试，这种方法在 Chrome 版本中仍然有效26.0.1410.64 m

顺便说一句，这在 jQuery 中真的很容易：

jsFiddle

// slight update to account for browsers not supporting e.which
function disableF5(e) { if ((e.which || e.keyCode) == 116) e.preventDefault(); };
// To disable f5
    /* jQuery < 1.7 */
$(document).bind("keydown", disableF5);
/* OR jQuery >= 1.7 */
$(document).on("keydown", disableF5);

// To re-enable f5
    /* jQuery < 1.7 */
$(document).unbind("keydown", disableF5);
/* OR jQuery >= 1.7 */
$(document).off("keydown", disableF5);

附带说明：这只会禁用键盘上的 f5 按钮。要真正禁用刷新，您必须使用服务器端脚本来检查页面状态更改。不能说我真的知道该怎么做，因为我还没有这样做。

在我工作的软件站点上，我们将 disableF5 函数与 Codeigniter 的会话数据结合使用。例如，有一个锁定按钮可以锁定屏幕并提示密码对话框。功能“disableF5”快速而简单，并让该按钮不做任何事情。但是，为了防止鼠标单击刷新按钮，会发生一些事情。

  1. 单击锁定时，用户会话数据具有一个名为“locked”的变量，该变量变为 TRUE
  2. 单击刷新按钮时，在母版页加载方法上检查会话数据是否“锁定”，如果为 TRUE，则我们简单地不允许重定向并且页面永远不会更改，无论请求的目的地如何

提示：尝试使用服务器设置的 cookie，例如 PHP 的$_SESSION，甚至 .Net 的Response.Cookies，来维护您的客户端在您的站点中的“位置”。这是我对 CI 的 Session 类所做的更普通的方式。最大的不同是 CI 在你的数据库中使用了一个表，而这些vanilla方法在客户端中存储了一个可编辑的 cookie。不过，缺点是用户可以清除其 cookie。

于 2011-11-03T15:12:54.650 回答
10 
var ctrlKeyDown = false;

$(document).ready(function(){    
    $(document).on("keydown", keydown);
    $(document).on("keyup", keyup);
});

function keydown(e) { 

    if ((e.which || e.keyCode) == 116 || ((e.which || e.keyCode) == 82 && ctrlKeyDown)) {
        // Pressing F5 or Ctrl+R
        e.preventDefault();
    } else if ((e.which || e.keyCode) == 17) {
        // Pressing  only Ctrl
        ctrlKeyDown = true;
    }
};

function keyup(e){
    // Key up Ctrl
    if ((e.which || e.keyCode) == 17) 
        ctrlKeyDown = false;
};
于 2014-08-27T08:26:37.970 回答
9

从恩里克发布的网站：

window.history.forward(1);
document.attachEvent("onkeydown", my_onkeydown_handler);
function my_onkeydown_handler() {
    switch (event.keyCode) {
        case 116 : // 'F5'
            event.returnValue = false;
            event.keyCode = 0;
            window.status = "We have disabled F5";
            break;
    }
}
于 2010-03-20T07:03:49.803 回答
7

在纯 JS 中输入这个简单的脚本：

document.addEventListener('keydown', (e) => {
    e = e || window.event;
    if(e.keyCode == 116){
        e.preventDefault();
    }
});
于 2021-03-12T21:09:46.413 回答
6

对于mac cmd+r, cmd+shift+r 需要。

function disableF5(e) { if ((e.which || e.keyCode) == 116 || (e.which || e.keyCode) == 82) e.preventDefault(); };

$(document).ready(function(){
$(document).on("keydown", disableF5);
});
于 2013-07-08T19:11:51.680 回答
6

将此用于现代浏览器：

function my_onkeydown_handler( event ) {
    switch (event.keyCode) {
        case 116 : // 'F5'
            event.preventDefault();
            event.keyCode = 0;
            window.status = "F5 disabled";
            break;
    }
}
document.addEventListener("keydown", my_onkeydown_handler);
于 2013-12-22T13:52:30.600 回答
5

这是我用来在 IE 和 firefox 上禁用刷新的代码，它适用于以下组合键：

F5   |   Ctrl+ F5   |   Ctrl+R

//this code handles the F5/Ctrl+F5/Ctrl+R
document.onkeydown = checkKeycode
function checkKeycode(e) {
    var keycode;
    if (window.event)
        keycode = window.event.keyCode;
    else if (e)
        keycode = e.which;
                
    // Mozilla firefox
    if ($.browser.mozilla) {
        if (keycode == 116 ||(e.ctrlKey && keycode == 82)) {
            if (e.preventDefault)
            {
                e.preventDefault();
                e.stopPropagation();
            }
        }
    } 
    // IE
    else if ($.browser.msie) {
        if (keycode == 116 || (window.event.ctrlKey && keycode == 82)) {
            window.event.returnValue = false;
            window.event.keyCode = 0;
            window.status = "Refresh is disabled";
        }
    }
}

如果您不想使用 useragent 来检测它是什么类型的浏览器（$.browser用于navigator.userAgent确定平台），您可以使用

if('MozBoxSizing' in document.documentElement.style)对于 Firefox 返回 true

于 2012-11-14T10:47:52.277 回答
5 
$(window).bind('beforeunload', function(e) { 
    return "Unloading this page may lose data. What do you want to do..."
    e.preventDefault();
});
于 2013-08-16T07:10:04.523 回答
3

它适用于所有浏览器：

document.onkeydown = function(){
  switch (event.keyCode){
        case 116 : //F5 button
            event.returnValue = false;
            event.keyCode = 0;
            return false;
        case 82 : //R button
            if (event.ctrlKey){ 
                event.returnValue = false;
                event.keyCode = 0;
                return false;
            }
    }
}
于 2013-09-25T11:10:58.760 回答
2

如果你想禁用 ctrl+f5 , ctrl+R , f5 ,backspace 那么你可以使用这个简单的代码。此代码适用于 Mozilla 和 Chrome 。在你的 body 标签中添加这段代码：

<body onkeydown="return (event.keyCode == 154)">
于 2015-04-24T12:24:34.367 回答
1

如果您使用的是 JSF，则可以直接使用富面孔中的热键。

<rich:hotKey key="backspace" onkeydown="if (event.keyCode == 8) return false;" handler="return false;" disableInInput="true" />
<rich:hotKey key="f5" onkeydown="if (event.keyCode == 116) return false;" handler="return false;" disableInInput="true" />
<rich:hotKey key="ctrl+R" onkeydown="if (event.keyCode == 123) return false;" handler="return false;" disableInInput="true" />
<rich:hotKey key="ctrl+f5" onkeydown="if (event.keyCode == 154) return false;" handler="return false;" disableInInput="true" />
于 2015-03-12T05:12:30.180 回答