javascript - 更改 F5 按钮的行为

Question

我想更改浏览器的 F5 刷新按钮的行为 例如，当用户单击 F5 时，页面将不会刷新，并且会出现一些警报，目前我已经尝试使用此代码(在论坛中搜索后找到)，但它不起作用，我引用了 jquery cdn。知道缺少什么吗？

function disableF5(e) {
debugger;
    alert("clicked");
    if (e.which === 116 || e.keyCode === 116) {

        e.preventDefault();
        alert("clicked");
    }
}

$(function() {

    $(document).on("keydown", disableF5);
});

我也尝试了以下方法，但这也不起作用，知道我在这里错过了什么吗？

 document.addEventListener('keydown', function(e) {
     debugger;
     if(e.which === 116 || e.keyCode === 116) {
         alert("1234");
         e.preventDefault();
     }

编辑

还尝试了以下方法，但它仍然没有在调试器中停止，并且我没有看到警报(我提供的所有示例都在文档中停止)

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

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

Answer 1

尝试使用此使用 JavaScript 和 Jquery 的方法:

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

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

注意:
我不建议阻止页面刷新，但是我建议使用弹出窗口警告用户离开页面，例如:

window.onbeforeunload = function() {
    return "Are you sure you want to leave?";
}

source
希望对您有所帮助