javascript - 当 td 包含输入字段时，jQuery 将输入集中在下一个 tr -> td 中，但从不关注 html select

Question

我有以下 html:

<tr>
  <td>Name</td><td><input type="text" name="a"></td>
</tr>
<tr>
  <td>Address</td><td><input type="text" name="b"></td>
</tr>
<tr>
  <td>Type</td><td><select name="c"></td>
</tr>
<tr>
  <td>Gender</td><td><input type="text" name="d"></td>
</tr>

如果用户在输入“a”中并按下 Tab 键，我现在可以正常工作，因为焦点转到了输入“b”。但是，一旦用户在输入“b”时按 Tab 键，则什么也不会发生。我希望 jQuery 跳过选择字段“c”和焦点输入“d”。

现在我使用它并且它工作正常但它允许用户将选择切换到焦点......相反我希望它忽略选择并尝试将输入聚焦在它之后的 tr 和 td 中:

$(this).closest('tr').next().find('input:text').first().focus();

Answer 1

您可以在选项卡索引中使用 -1 将其从订单中删除。

<select tabindex="-1">