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

Question

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

我在我的html页面中有以下代码片段，用于在用户在second输入框中输入长度为9的字符串时将焦点切换到first输入框。这个自动对焦功能运行得很顺利。但是当我在first输入框中按Tab键时，它总是跳过second输入框，转到下一个要输入second的html元素框。

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

我尝试将tabindex属性添加到html元素中，但它仍然继续其错误行为。但在最后，当我将change event改为keypress event时，Tab键开始按预期流动。

有没有人能解释为什么会这样？谢谢你的回答。

Answer 1

您可以手动将制表符索引添加到控件。我希望它能起作用。

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