javascript - jquery 将第一个表单元素集中在最终选项卡上

Question

我试图让光标跳到表单的第一个元素上。出于某种原因，它一直关注第二个元素而不是第一个元素。我只做了一个简单的表格。

<form>
  <input type="text">
  <input type="text">
  <input type="text">
  <input type="submit" value="Submit">
</form>

$('form').children().keydown(function(e) {
if (e.keyCode == 9 || e.which == 9) {
       if ($(this).is(':last-child')) {
         $(this).parent().children().first().focus();
       }
}
})

Answer 1

问题

Fiddle

查看控制台日志

当您在最后一个元素上按 Tab 键时，它会聚焦 第一个元素，然后执行 tab 操作，这样它就会转到第二个元素。

---

解决方案

使用event.preventdefault()或 return false 停止标签操作。

Working Demo 或 Working Demo

if ($(this).is(':last-child')) {
            $(this).parent().children().first().focus();
            e.preventDefault(); // or return false;
}