我有一些问题与接受的解决方案和Select2.js插件;我无法删除可编辑框中的字符，因为删除操作被阻止了。这就是我的解决方案:

//Prevent backwards navigation when trying to delete disabled text.
$(document).unbind('keydown').bind('keydown', function (event) {

    if (event.keyCode === 8) {

        var doPrevent = false,
            d = event.srcElement || event.target,
            tagName = d.tagName.toUpperCase(),
            type = (d.type ? d.type.toUpperCase() : ""),
            isEditable = d.contentEditable,
            isReadOnly = d.readOnly,
            isDisabled = d.disabled;

        if (( tagName === 'INPUT' && (type === 'TEXT' || type === 'PASSWORD'))
            || tagName === 'PASSWORD'
            || tagName === 'TEXTAREA') {
            doPrevent =  isReadOnly || isDisabled;
        }
        else if(tagName === 'SPAN'){
            doPrevent = !isEditable;
        }
        else {
            doPrevent = true;
        }
    }

    if (doPrevent) {
        event.preventDefault();
    }
});

Select2创建了一个Span，其属性为“contentEditable”，对于其中的可编辑组合框，该属性被设置为true。我添加了一些代码来说明span tagName和不同的属性。这解决了我所有的问题。

编辑:如果你没有使用jquery的Select2组合框插件，那么这个解决方案可能不需要你，接受的解决方案可能更好。

不知道为什么没有人回答这个问题——这似乎是一个非常合理的技术问题，来询问它是否可能。

不，我认为没有跨浏览器的方法来禁用退格键。我知道现在FF的默认设置是不启用的。

修正的erikkallen回答:

$(document).unbind('keydown').bind('keydown', function (event) {

    var doPrevent = false, elem;

    if (event.keyCode === 8) {
        elem = event.srcElement || event.target;
        if( $(elem).is(':input') ) {
            doPrevent = elem.readOnly || elem.disabled;
        } else {
            doPrevent = true;
        }
    }

    if (doPrevent) {
        event.preventDefault();
        return false;
    }
});

Sitepoint:禁用Javascript

event.stopPropagation()和event.preventDefault()在IE中什么都不做。我必须发送返回事件。keyCode == 11(我只是选择了一些东西)，而不是只是说“如果不= 8，运行事件”，使其工作，尽管。事件。returnValue = false也适用。

停止导航此代码工作!

$(document).on("keydown", function (event) {        
   if (event.keyCode === 8) {
      event.preventDefault();
    }
  });

但不是限制文本框，而是其他的

$(document).on("keydown", function (event) {
  if (event.which === 8 && !$(event.target).is("input, textarea")) {
   event.preventDefault();
  }
});

为了防止它在特定领域简单使用

$('#myOtherField').on("keydown", function (event) {
  if (event.keyCode === 8 || event.which === 8) { 
   event.preventDefault(); 
  } 
});

参考下面这个!

用jQuery阻止BACKSPACE导航返回(像谷歌的主页)

这里的其他答案已经确定，如果没有允许退格的白名单元素，就不能做到这一点。这种解决方案并不理想，因为白名单不像仅仅是文本区域和文本/密码输入那样简单，而且经常被发现是不完整的，需要更新。

However, since the purpose of suppressing the backspace functionality is merely to prevent users from accidentally losing data, the beforeunload solution is a good one because the modal popup is surprising--modal popups are bad when they are triggered as part of a standard workflow, because the user gets used to dismissing them without reading them, and they are annoying. In this case, the modal popup would only appear as an alternative to a rare and surprising action, and is therefore acceptable.

问题是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事件，但是在这种情况下，您可以使用其他技术来防止用户意外丢失数据。