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" />

查询：

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

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

原文由 rybo111 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

似乎是 Chrome 中的错误。有时正确执行事件太快了；）

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

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

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

原文由 claustrofob 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

你应该使用：

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

演示

对于 #five 处理程序也是如此。

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

原文由 A. Wolff 发布，翻译遵循 CC BY-SA 3.0 许可协议