如何使用javascript禁用按Tab键而不是一个输入字段时的焦点

Question

基本的问题是我在屏幕上有一个文本字段和一些按钮。我不想让我的文本字段在任何按键或鼠标单击时失去焦点。它在鼠标上运行良好，但当我按TAB时，它会将焦点切换到URL，然后切换到按钮。我想禁用制表符使用，否则它应该不惜一切代价将焦点从输入字段移出。

Answer 1

要通过按tab键禁用字段切换：

​

$('input').on('keydown', function(e) {
  if (e.keyCode == 9) {
    $(this).focus();
    e.preventDefault();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="text" id="field1">
  <input type="text" id="field2">
  <input type="text" id="field3">
  <input type="text" id="field4">
  <input type="button" value="Submit">
</form>

​

Answer 2

我已经更新了MH2K9的答案，所以它不需要jQuery。

​

const input = document.querySelector('input');
input.addEventListener('keydown', handleKey, true);

function handleKey(e) {
  if (e.key === 'Tab') {
    e.preventDefault();
    this.focus();
  }
}

<input type="text" />

​