当 jQuery 中输入复选框聚焦时，如何禁用退格键？

Question

当输入复选框在 jQuery 中聚焦时，如何禁用退格按钮？当聚焦于复选框并按退格键 (keycode=8) 时，浏览器认为我正在尝试返回页面并使用退格键作为 history.go(-1)命令。

$("div#types input").focus(function(){
  window.onkeydown = function(e){
    return !(e.keyCode == 8);
};

Answer 1

好吧，这将始终阻止退格按钮向后导航：

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

现在要弄清楚如何仅在复选框获得焦点时才运行它...

编辑：

确定复选框是否具有焦点的问题是，它只有在它获得焦点时才获得焦点是在代码中选项卡或实际设置的。如果单击它，则会检查它，但实际上它不会聚焦（至少在 chrome/safari 中）。这一切都取决于您如何设置焦点。

编辑2：

要使您的复选框在单击时获得焦点，只需添加以下内容：

$('input[type=checkbox]').click(function() {
   $(this).focus();
});

...所以将它们放在一起，这将使复选框焦点单击并在复选框获得焦点时停止退格按钮（全部在 $( document).ready函数当然):

$(document).keydown(function(e) {
    if (e.keyCode === 8 && $('input[type=checkbox]:focus').size() > 0)
    {
       return false;
    }
});

$('input[type=checkbox]').click(function() {
    $(this).focus();
});