jQuery焦点无法在Chrome中运行

Question

请看这个小提琴：http://jsfiddle.net/yg49k/

以下代码在FireFox中运行良好，但在最新版本的Chrome中无效。

HTML：

<input type="text" id="one" placeholder="Type two chars" />
<input type="text" id="two" placeholder="It should focus here" />

jQuery的：

$("#one").on("input", function() {
    if($("#one").val().length == 2) { $("#two").focus(); }
});

有谁知道如何解决这个问题？

Answer 1

似乎是Chrome中的一个错误。有时候执行事件的速度太快了;）

找到了解决方法http://jsfiddle.net/Rd2rZ/

$("#one").on("input", function() {
    if($("#one").val().length == 2) { 
        setTimeout(function(){
            $("#two").focus();
        }, 1);
    }
});

以最小延迟使用setTimeout。它会降低Chrome的速度并使其正常工作。

Answer 2

您应该使用：

$("#one").on("keyup paste",function() {
    console.log($(this).val());
    if($(this).val().length == 2) { $("#two").focus(); }
});

DEMO

#five处理程序也一样。

oninput事件似乎与onkeypress具有相同的行为。

Answer 3

$("#one").keydown(function(){
   if($(this).val().length==2)
   {
      $("#two").focus();
   }
});

Answer 4

我遇到了同样的问题并使用以下代码修复了它：
您还应该为输入设置name属性以使其正常工作。

$("#one").on("input", null, null, function() {  
   if($("#one").val().length == 2) {  
       setTimeout(function() { $('input[name="one"]').focus() }, 3000);  
   }  
});  

希望这可以帮助那些没有使用其他建议的人。