小编典典

如何防止Backspace键回退?

javascript

在IE上,我可以使用(非常不标准,但可以正常工作)的jQuery做到这一点

if ($.browser.msie)
    $(document).keydown(function(e) { if (e.keyCode == 8) window.event.keyCode = 0;});

但是,是否可以以在Firefox上运行的方式或以跨浏览器的方式获得奖励呢?

作为记录:

$(document).keydown(function(e) { if (e.keyCode == 8) e.stopPropagation(); });

什么也没做。

$(document).keydown(function(e) { if (e.keyCode == 8) e.preventDefault(); });

解决了问题,但使退格键在页面上不可用,这甚至比原始行为还差。

编辑:我这样做的原因是我不是在创建一个简单的网页而是一个大型应用程序。仅仅因为您在错误的位置按了退格键,就失去了10分钟的工作,这真是令人讨厌。通过防止退格键向后导航,防止错误与烦扰用户的比率应远高于1000/1。

EDIT2:我 不是 要阻止历史记录导航,只是出于意外。

EDIT3:@brentonstrines评论(由于该问题非常受欢迎,因此移至此处):这是一个长期的“解决方法”,但是您可以在Chromium错误的背后给予支持以更改Webkit中的此行为


阅读 346

收藏
2020-05-01

共1个答案

小编典典

这段代码至少在IE和Firefox中解决了该问题(尚未测试过其他任何工具,但即使在其他浏览器中也存在问题,我也给了它合理的工作机会)。

// Prevent the backspace key from navigating back.
$(document).unbind('keydown').bind('keydown', function (event) {
    if (event.keyCode === 8) {
        var doPrevent = true;
        var types = ["text", "password", "file", "search", "email", "number", "date", "color", "datetime", "datetime-local", "month", "range", "search", "tel", "time", "url", "week"];
        var d = $(event.srcElement || event.target);
        var disabled = d.prop("readonly") || d.prop("disabled");
        if (!disabled) {
            if (d[0].isContentEditable) {
                doPrevent = false;
            } else if (d.is("input")) {
                var type = d.attr("type");
                if (type) {
                    type = type.toLowerCase();
                }
                if (types.indexOf(type) > -1) {
                    doPrevent = false;
                }
            } else if (d.is("textarea")) {
                doPrevent = false;
            }
        }
        if (doPrevent) {
            event.preventDefault();
            return false;
        }
    }
});
2020-05-01