jquery - 如何获取输入元素上的 TAB 键事件？

Question

我尝试在输入字段中按下返回键时触发按钮。这有效。但是，如果我按 Tab 键，则不会触发任何内容，因为未捕获 TAB 键事件。

Fiddle example

以下是我的 JQ 代码片段:

$("input[name=input]").on("keypress, keydown, keyup", function(e) {
  var code = e.keyCode || e.which;
  if ( code == 13 || code == 9 ) {
    $("input[name=btn]").trigger("click");
  }
});

我不知道如何让 Tab 键击像 Return 键击键一样工作。

Answer 1

• 使用 Event.preventDefault() 防止浏览器在按 Tab 时切换焦点。
• 仅监听“keydown”事件
• 使用KeyboardEvent.key相反

JavaScript 的 which 和 keyCode 已被弃用，历史上它们都变得一团糟。
即使 jQuery 使用 jQueryEvent.which 规范化 Event.keyCode 和 Event.which 跨浏览器，我认为我们应该放弃这两个并使用更人性化的Event.key。 9 和 'Tab' 哪个更有意义？ 13 还是'Enter'？ 42 或者...42 到底是什么

$('input[name=input]').on('keydown', function(evt) {
  if (evt.key === 'Tab' || evt.key === 'Enter') {
    evt.preventDefault();
    $('input[name=btn]').trigger('click');
  }
});