jquery - 使用 jQuery 阻止 iFrame 内的 F5

Question

我们的应用程序要求不允许用户使用 F5 刷新网页。

我已经实现了解决方案 here但是我刚刚发现这在页面的 iframe 内不起作用。

iframe 是从 Telerik radeditor 控件生成的。

我尝试在包含 radeditor 的页面中执行以下操作。

$(function () {
    $('#<%=RadEditor1.ClientID %>_contentIframe html').bind('keydown', function () {
        if (window.event && window.event.keyCode == 116) {
            window.event.cancelBubble = true;
            window.event.returnValue = false;
            window.event.keyCode = 0;
            window.status = "F5 is disabled on all popups";
            return false;
        }
    });
});

但是它不起作用。

我缺少的 iframe 有什么特别之处吗？

Answer 1

知道您希望防止用户在页面上工作时丢失数据，我建议采用不同的解决方案。为什么不直接在他们离开页面时 Hook ，并提示他们是否有意这样做？

Best way to detect when a user leaves a web page?

当邮件尚未保存/发送时，Gmail 使用此方法。这将帮助您覆盖许多场景，让您的用户满意，并且如果有人愿意，仍然允许 F5 工作。