劫持刷新键

Question

问题

如何用自定义的javascript函数覆盖刷新键？顺便说一下，我用的是原型库。

为什么

我有一个视频与用户的评论在旁边。有一个按钮只能通过JS函数updateComments()刷新注释。在一些用户测试中，一些白痴拒绝使用该按钮来更新评论。相反，他们刷新了整个页面。这会导致视频重新启动，这是不可取的。我希望覆盖F5键或CTRL+R来调用updateComments()，而不是刷新页面。

Answer 1

您将无法禁用浏览器按钮，这将违背一般的UI体验。一种可能的方法是检查页面是如何加载的，并向用户显示“请不要这样做来加载评论”。例如，在Google中，您可以检查页面是否已重新加载：

if (chrome.loadTimes().navigationType === 'Reload') {
  alert('Please reload comments using the magic button');
}

我不确定其他浏览器是否有类似的功能，但我怀疑在很多浏览器中会有类似的功能。

不过，通常情况下，我的建议是更改加载注释的方式。例如，Twitter搜索将定期检查新的tweet，然后显示用户可以按下的“显示X更多的tweet”按钮。

Answer 2

我认为最好的方法是向window.onbeforeunload事件添加一个处理程序。

就像这样：

function beforeUnload() {
    if (videoIsPlaying) {
        return "Are you sure you want to stop the video?";
    }
}
window.onbeforeunload = beforeUnload;

看看这里和这里的例子