javascript - 使用 jquery 更改事件时，tab 键无法按预期工作

Question

我从 jquery 事件中得到了一些奇怪的结果，尽管我不完全相信这是否是 jquery 问题。我希望一些 jquery 极客能回答这个问题。

我的 html 页面中有以下代码片段，当用户在 first 输入框中输入长度为 9 的字符串时，将焦点更改到 second 输入框。这种自动对焦工作顺利。但是当我从 first 输入框按 tab 时，它总是跳过 second 输入框并转到下一个 html 元素到 second 输入框.

$("input.first").change(function (e){
    var text = $(this).val();
    if (text.length == 9){
        $("input[id='second']").focus();
    }
});

我尝试将 tabindex 属性放入 html 元素，但它仍然继续其不当行为。但是最后，当我将 change 事件更改为 keypress 事件时，选项卡键开始按预期流动。

有没有人可以解释为什么会这样？感谢您的回答。

Answer 1

您可以手动将选项卡索引添加到控件。我希望它会起作用。

$(function() {
  var tabindex = 1;
  $('input').each(function() {
     if (this.type != "hidden") {
       var $input = $(this);
       $input.attr("tabindex", tabindex);
       tabindex++;
     }
  });
});