更改 F5 按钮的行为答案

【问题标题】：Change the behavior of the F5 button更改 F5 按钮的行为
【发布时间】：2014-12-15 15:24:07
【问题描述】：

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

【问题讨论】：

有可能吗？我认为某些特殊键无法更改，例如echap。但我可能是错的。
@Vadorequest-看看下面的帖子stackoverflow.com/questions/2482059/…

标签： javascript jquery google-chrome firefox mozilla

【解决方案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
希望能帮到你

【讨论】：

嗨奥利弗，谢谢我试过你的代码（编辑一点，因为那里有一些错字，请看我的编辑帖子）还有其他想法吗？再次感谢！
@JohnJerrby 嗨，是的，我确实认为您已经尝试过了。我做了一些研究，看起来你想要做的事情几乎是不可能的，因为你试图破坏一个基本的浏览器功能。
嗨奥利弗我认为根据这篇文章stackoverflow.com/questions/2482059/…
@JohnJerrby 真棒，希望能解决您的问题
奥利弗，谢谢！当我将代码复制到空 html 时它可以工作，但是当我从我的 APP 运行它时它不是，知道可能是什么问题吗？

【解决方案2】：

你确定其他代码不会干扰吗？

我在空白页上试过这个：

<html>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
function disableF5(e) {
  debugger;
  alert("F5 Hit");
  if (e.which === 116 || e.keyCode === 116) {
    e.preventDefault();
    alert("F5 Identified");
  }
}

$(function() {
    alert("Page loaded");
    $(document).on("keydown", disableF5);
});
</script>

</html>

它做了它应该做的事情

我打开页面 => 提示“页面已加载”
我按 F5 => 警报“F5 命中” => 警报“F5 已识别”

因为我没有收到另一个“页面加载”警报，所以我说页面没有重新加载，然后我按 F5

可能你在你的其他 Javascript 中的某个地方覆盖了文档的 keydown 处理程序？

您收到警报了吗？

编辑：

e.keyCode === 82 标识“r”键...仅在您使用“ctrl”键时才有意义（ctrl + r = reload）

if(e.keyCode === 82 && e.ctrlKey)

【讨论】：

谢谢我已经在浏览器中测试了你的代码，它似乎可以工作，问题是当我将此代码带到我的应用程序时它不起作用，文档准备好被调用，但 F5 功能是不工作，知道如何解决问题吗？我尝试搜索是否有人像你说的那样覆盖了键但没有找到（chrome dev 工具中有一种方法可以找到这样的东西 - 不使用 CTRL+F）？
我会在浏览器（或本地）上对您网站的根文件夹执行基于文件的搜索