Tab keyascii en javascript ne fonctionne pas

Question

par exemple J'ai 3 éléments dans mon code HTML pour la saisie de texte.

<input type="text" name="txt1" /> 
<input type="text" name="txt2" /> 
<input type="text" name="txt3" /> 

A première charge, je mis par js de se concentrer txt1. Ma question est, Comment puis-je manipuler keyascii quand j'appuie sur onglet de txt1 à txt3?

Le fait, j'ai ajouté du code js avec jquery pour le faire, mais ça ne marche pas! Il est toujours axé sur txt2. Ceci est mon code js:

$('input[name="txt1"]').keyup(function(e){ 
     if((e.keyWhich || e.keyCode) == 9){ 
      $('input[name="txt3"]').focus(); 
     } 
    }); 

Answer 1

Écoutez keydown et utilisez e.preventDefault() pour empêcher le comportement par défaut. Le comportement par défaut pour appuyer sur tab est exécuté avant que l'événement keyup ne soit déclenché. C'est pourquoi vous devez utiliser keydown à la place.

$('input[name="txt1"]').keydown(function(e){ 
    if((e.keyWhich || e.keyCode) == 9){    
     e.preventDefault(); 
     $('input[name="txt3"]').focus(); 
    } 
}); 

Voir cette Fiddle

Answer 2

Vous devriez écouter keydown à la place et être en utilisant e.preventDefault()

Exemple:

$('input[name="txt1"]').keydown(function(e){ 
    if((e.keyWhich || e.keyCode) == 9) { 
     e.preventDefault(); 
     $('input[name="txt3"]').focus(); 
    } 
}); 

See on JSFiddle

Documentation of preventDefault