这段代码解决了这个问题，至少在 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;
        }
    }
});

此代码适用于所有浏览器，并在不在表单元素上时吞下退格键，或者如果表单元素被禁用|只读。它也很有效，这在对输入的每个键执行时很重要。

$(function(){
    /*
     * this swallows backspace keys on any non-input element.
     * stops backspace -> back
     */
    var rx = /INPUT|SELECT|TEXTAREA/i;

    $(document).bind("keydown keypress", function(e){
        if( e.which == 8 ){ // 8 == backspace
            if(!rx.test(e.target.tagName) || e.target.disabled || e.target.readOnly ){
                e.preventDefault();
            }
        }
    });
});

这里的其他答案已经确定，如果不将允许 Backspace 的元素列入白名单，就无法做到这一点。这种解决方案并不理想，因为白名单并不像仅仅输入 textareas 和 text/password 那样简单，而是反复发现不完整，需要更新。

然而，由于抑制退格功能的目的仅仅是为了防止用户意外丢失数据，所以 beforeunload 解决方案是一个很好的解决方案，因为模态弹出窗口令人惊讶——模态弹出窗口在作为标准工作流的一部分被触发时很糟糕，因为用户习惯于在不阅读它们的情况下解雇它们，并且它们很烦人。在这种情况下，模态弹出窗口只会作为罕见和令人惊讶的动作的替代出现，因此是可以接受的。

问题是当用户离开页面时（例如单击链接或提交表单时）不能弹出 onbeforeunload 模式，并且我们不想开始将特定的 onbeforeunload 条件列入白名单或黑名单。

通用解决方案的理想权衡组合如下：跟踪是否按下了退格键，如果是，则仅弹出 onbeforeunload 模式。换句话说：

function confirmBackspaceNavigations () {
    // http://stackoverflow.com/a/22949859/2407309
    var backspaceIsPressed = false
    $(document).keydown(function(event){
        if (event.which == 8) {
            backspaceIsPressed = true
        }
    })
    $(document).keyup(function(event){
        if (event.which == 8) {
            backspaceIsPressed = false
        }
    })
    $(window).on('beforeunload', function(){
        if (backspaceIsPressed) {
            backspaceIsPressed = false
            return "Are you sure you want to leave this page?"
        }
    })
} // confirmBackspaceNavigations

这已经过测试，可以在 IE7+、FireFox、Chrome、Safari 和 Opera 中工作。只需将此函数放入您的 global.js 并从您不希望用户意外丢失数据的任何页面调用它。

请注意， onbeforeunload 模态只能触发一次，因此如果用户再次按下退格键，该模态将不会再次触发。

请注意，这不会在 hashchange 事件上触发，但是在这种情况下，您可以使用其他技术来防止用户意外丢失数据。

更优雅/简洁的解决方案：

$(document).on('keydown',function(e){
  var $target = $(e.target||e.srcElement);
  if(e.keyCode == 8 && !$target.is('input,[contenteditable="true"],textarea'))
  {
    e.preventDefault();
  }
})

修改 erikkallen 的答案以解决不同的输入类型

我发现有进取心的用户可能会在复选框或单选按钮上按退格键，但徒劳地试图清除它，相反，他们会向后导航并丢失所有数据。

此更改应解决该问题。

新编辑以解决内容可编辑的 div

    //Prevents backspace except in the case of textareas and text inputs to prevent user navigation.
    $(document).keydown(function (e) {
        var preventKeyPress;
        if (e.keyCode == 8) {
            var d = e.srcElement || e.target;
            switch (d.tagName.toUpperCase()) {
                case 'TEXTAREA':
                    preventKeyPress = d.readOnly || d.disabled;
                    break;
                case 'INPUT':
                    preventKeyPress = d.readOnly || d.disabled ||
                        (d.attributes["type"] && $.inArray(d.attributes["type"].value.toLowerCase(), ["radio", "checkbox", "submit", "button"]) >= 0);
                    break;
                case 'DIV':
                    preventKeyPress = d.readOnly || d.disabled || !(d.attributes["contentEditable"] && d.attributes["contentEditable"].value == "true");
                    break;
                default:
                    preventKeyPress = true;
                    break;
            }
        }
        else
            preventKeyPress = false;

        if (preventKeyPress)
            e.preventDefault();
    });

示例
测试 make 2 个文件。

starthere.htm - 首先打开它，这样你就有一个可以返回的地方

<a href="./test.htm">Navigate to here to test</a>

test.htm - 当复选框或提交具有焦点（通过 Tab 键实现）时按下退格键，这将向后导航。替换为我的代码来修复。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

    $(document).keydown(function(e) {
        var doPrevent;
        if (e.keyCode == 8) {
            var d = e.srcElement || e.target;
            if (d.tagName.toUpperCase() == 'INPUT' || d.tagName.toUpperCase() == 'TEXTAREA') {
                doPrevent = d.readOnly || d.disabled;
            }
            else
                doPrevent = true;
        }
        else
            doPrevent = false;

        if (doPrevent)
            e.preventDefault();
    });
</script>
</head>
<body>
<input type="text" />
<input type="radio" />
<input type="checkbox" />
<input type="submit" />
</body>
</html>