javascript - 如何在 Jquery 上启用选项卡

Question

我在那里遇到问题，我一直在尝试记录事件键代码，并且得到了键号(9)，并且我认为我的脚本没有禁用event.keyCode 不会禁用按键功能。我应该对脚本进行哪些更改，以便选项卡可以再次处于事件状态？

这是我的代码:

$(function() {
  $('.number-format').on("keydown", function(event) {
    console.log(event.keyCode);
    if (event.shiftKey) {
      event.preventDefault();
    }
    if (event.keyCode == 46 || event.keyCode == 8) {} else {
      if (event.keyCode < 95) {
        if (event.keyCode < 48 || event.keyCode > 57) {
          event.preventDefault();
        }
      } else {
        if (event.keyCode < 96 || event.keyCode > 105) {
          event.preventDefault();
        }
      }
    }
  });

  $('.number-format').on("keyup", function(event) {
    var value = this.value.replace(/,/g, "");
    this.dataset.currentValue = parseInt(value);
    var caret = value.length - 1;
    while ((caret - 3) > -1) {
      caret -= 3;
      value = value.split('');
      value.splice(caret + 1, 0, ",");
      value = value.join('');
    }
    this.value = value;
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="number-format">

Answer 1

您可以将第二个条件更改为 if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9) 因为选项卡的 keyCode 为 9进入 else block 并执行 event.preventDefault();:

$(function() {
  $('.number-format').on("keydown", function(event) {
    console.log(event.keyCode);
    if (event.shiftKey) {
      event.preventDefault();
    }
    if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9) {} else {
//------------------------------------------------^^^^^^^^^^^^^^^^^^^^^
//add the tab keyCode in this if to skip it entirely so that it woks again
      if (event.keyCode < 95) {
        if (event.keyCode < 48 || event.keyCode > 57) {
          event.preventDefault();
//--------^^^^^^^^^^^^^^^^^^^^^^ this is preventing your tab action
        }
      } else {
        if (event.keyCode < 96 || event.keyCode > 105) {
          event.preventDefault();
        }
      }
    }
  });

  $('.number-format').on("keyup", function(event) {
    var value = this.value.replace(/,/g, "");
    this.dataset.currentValue = parseInt(value);
    var caret = value.length - 1;
    while ((caret - 3) > -1) {
      caret -= 3;
      value = value.split('');
      value.splice(caret + 1, 0, ",");
      value = value.join('');
    }
    this.value = value;
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="number-format">