javascript - 使用 JavaScript 阻止 F5 键

Question

我写了一些代码来阻止网页上的 F5 键。它工作正常，除非我必须显示大量数据。如果您在生成 HTML 和 JavaScript 代码的加载期间按 F5 键，我的页面会刷新。

这是我用来阻止 F5 键的代码:

document.onkeydown = fn;

var fn = function (e){ 
    if (!e) 
        var e = window.event;
    var keycode = e.keyCode;    
    if (e.which) 
        keycode = e.which;
    var src = e.srcElement;  
    if (e.target) 
        src = e.target;
    // 116 = F5     
    if (116 == keycode) {
        // Firefox and other non IE browsers
        if (e.preventDefault) { 
            e.preventDefault(); 
            e.stopPropagation();
          // Internet Explorer
        }else if (e.keyCode){ 
            e.keyCode = 0; 
            e.returnValue = false; 
            e.cancelBubble = true; 
        } 
            return false; 
    }
});

我认为在生成 HTML 和 JavaScript 代码时这段代码不起作用。

Answer 1

我有一些非常简单的代码来防止我自己使用 F5。适用于 IE、Chrome 和 Firefox:

function disableButtonsDown(e) { 
    if ((e.which || e.keyCode) == 116) e.preventDefault(); 
};
$(document).on("keydown", disableButtonsDown);