使用“输入键”的 tabindex 导航在下拉菜单中不起作用

Question

我在 html 表单中使用“输入键”使用下面的代码进行 tabindex 导航。它按照我的要求工作正常，但此代码在下拉列表中不起作用。请检查下面的代码并建议如何执行此操作..

  document.addEventListener('keydown', function (event) {
  if (event.keyCode === 13 && event.target.nodeName === 'INPUT') {
    var form = event.target.form;
    var index = Array.prototype.indexOf.call(form, event.target);
    form.elements[index + 1].focus();
    event.preventDefault();
  }
});

Answer 1

您只需要更改if语句以包含select节点，如下例所示。

 document.addEventListener('keydown', function (event) { if (event.keyCode === 13 && (event.target.nodeName === 'INPUT' || event.target.nodeName === 'SELECT')) { var form = event.target.form; var index = Array.prototype.indexOf.call(form, event.target); event.preventDefault(); } });

 <form> <input type="text"> <input type="checkbox"> <select> <option>123</option> </select> <input type="radio"> </form>