如何禁用退格如果输入字段以外的任何事情都集中在使用jQuery

Question

如何禁用退格键击如果除了2特定的输入字段之外的任何事情都集中在使用jQuery？

这里是我当前的代码（现在包括2文本框）：

$(document).keypress(function(e){ 
    var elid = $(document.activeElement).attr('id'); 
    if(e.keyCode === 8 && elid != 'textbox1' || elid != 'textbox2'){ 
     return false; 
    }; 
}); 

这是行不通的，虽然....任何想法？

Answer 1

我认为这会做的伎俩：

$(document).keydown(function(e) { 
    var elid = $(document.activeElement).hasClass('textInput'); 
    if (e.keyCode === 8 && !elid) { 
     return false; 
    }; 
}); 

假设有文本框类“为textInput”。

Here is a working example

Answer 2

@Nick Craver，一对夫妇的原因不光彩的答案。回答这个问题或者至少光顾一下。

这是一个基于原型的解决方案，我最终使用了我的表单，因为用户抱怨说退格会让他们远离表单（这显然是违反直觉的事情，人们不禁要问为什么所有浏览器都使用退格键返回键）。

     // event handlers must be attached after the DOM is completely loaded 
     Event.observe(window, 'load', function() { 
      // keypress won't fire for backspace so we observe 'keydown' 
      Event.observe(window, 'keydown', function(event){ 
      // 8 == backspace 
      if(event.keyCode == 8) { 
       // with no field focused, the target will be HTMLBodyElement 
       if(event.target == document.body) { 
        // stop this event from propagating further which prevents      
        // the browser from doing the 'back' action 
        event.stop(); 
       } 
      } 
      }); 
     }); 

Answer 3

这将禁用您网站上的退格，而不必将特定的类添加到输入框。要使用输入框中使用。是（“输入：焦点”）时，除了禁用退格键如果要禁用在使用textarea的框中使用。就是除了退格（“输入：焦点textarea的：聚焦”）

$(document).keypress(function(e){ 
    var elid = $(document.activeElement).is("input:focus"); 
    if(e.keyCode === 8 && !elid){ 
     return false; 
    }; 
}); 

Answer 4

哈德森 - 佩拉尔塔的回答工作对我好，但我做了一个小的修改，因为我用很多的keydown事件：

$(document).keydown(function(e){ 
      var elid = $(document.activeElement).is("input:focus"); 
      if(e.keyCode === 8 && !elid){ 
       e.preventDefault(); 
      }; 
     }); 

Answer 5

我认为需要稍加修改来处理文字区域：

var elid = $(document.activeElement).is("input:focus, textarea:focus"); 

Answer 6

我也一直在努力。最后，我找到了答案，并为大家的方便，我放在http://blog.totusinfo.com/jquery-disable-backspace-for-document-history-except-inputs-and-textarea/

Answer 7

哈德森 - 佩拉尔塔+ QF_Developer的解决方案是伟大的解决方案，但它有一个缺陷：
如果你的重点是一个单选按钮或复选框退格按钮仍然会将您退出页面。这里是一个修改，以避免这种差距：

$(document).keydown(function(e){ 
    var elid = $(document.activeElement).is('input[type="text"]:focus, textarea:focus'); 
    if(e.keyCode === 8 && !elid){ 
     return false; 
    }; 
}); 

编辑20130204：取代keydown()
keypress()！
上面的代码现在可以正常工作。

编辑20151208：
正如在本评论中提及@outofmind有按退格键时可以扔你回来更多的输入类型。请在is（）方法的逗号分隔选择器列表中添加任何类型的允许直接字符输入的输入字段，这些输入字段实际上在您的HTML代码中使用，如input[type="password"]:focus，input[type="number"]:focus或input[type="email"]:focus。

Answer 8

我修改的答案多一点大家的很好的答案结合
1.使用选择“输入[类型=文本]：焦点，文本区域：重点”，以保持这些元素的默认行为，并作为JPsy说，防止默认行为像复选框
2.使用e.target反而使代码更完全取决于JQuery的投入，因为我不知道，如果每一个浏览器的支持以及document.activeElement

编辑
3.包含密码场也通过添加“输入[类型=密码]：聚焦”，

 
    $(document).keydown(function(e){ 

      var code=e.keyCode; 
      var is_to_stop= (!$(e.target).is("input[type=text]:focus, input[type=password]:focus, textarea:focus")) && (code==8); 
      if(is_to_stop){ 
      return false; 
      } 

    }); 

Answer 9

我作出接受的答案的轻微变化，这可能是使用的某人：

$(document).keydown(function(e) { 
    var elid = $(document.activeElement).is("input, textarea") ; 
    if (e.keyCode === 8 && !elid) { 
     if(e.ctrlKey) { 
      window.history.back() 
     } 
     else { 
      alert("Navigating with Backspace has been disabled. Use CTRL + Backspace if you want to go back to the previous page (and lose any unsaved changes)."); 
      return false; 
     } 
    } 
}); 

使用这种方法，用户仍然可以通过按住CTRL使用Backspace进行导航，但它也会考虑textarea以及任何input。

当然，替代方案是使用类似this的东西，而不允许用户在输入任何内容时离开页面。