jQuery fuoco non funziona in Chrome

Question

consulta questo violino: http://jsfiddle.net/yg49k/

Il seguente codice funziona bene in Firefox, ma non funziona nella sua ultima versione di 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(); } 
}); 

Qualcuno sa come posso ottenere intorno a questo?

Answer 1

Sembra un errore in Chrome. A volte è troppo veloce per eseguire correttamente gli eventi;)

Trovato una soluzione http://jsfiddle.net/Rd2rZ/

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

Usa setTimeout con un ritardo minimo. Farà rallentare Chrome e farlo funzionare.

Answer 2

Si dovrebbe usare:

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

DEMO

E lo stesso per il gestore #five.

L'evento oninput sembra avere lo stesso comportamento di onkeypress.

Answer 3

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

Answer 4

Ho avuto lo stesso problema e l'ho risolto usando il seguente codice:
Dovresti anche avere un attributo nome per il tuo input per farlo funzionare.

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

Spero che questo aiuti qualcuno che non ha funzionato usando gli altri suggerimenti.