javascript - 更改 F5 按钮的行为

我想改变浏览器的 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);
    });

最佳答案

尝试使用这种使用 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
我希望我有所帮助

关于javascript - 更改 F5 按钮的行为，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26469145/