jQuery live keydown ne s'enregistre pas avant le second keydown

Question

J'essaie d'ajouter une classe (.active) à un champ de texte une fois que l'utilisateur commence à taper. Je l'ai eu pour fonctionner un peu avec le code suivant, mais pour une raison quelconque, la classe .active n'est pas appliquée immédiatement lorsque l'utilisateur commence à taper, elle est appliquée uniquement après qu'une deuxième lettre a été tapée. Des idées?

$(document).ready(function() { 

    loginField = $('.field'); 

    loginField.live('keydown', function(){ 
     if ($(this).val()){ 
      $(this).addClass('active');  
     } 
    }); 
}); 

Answer 1

Vous voulez keyup ici, commentaires sur les mises à jour selon:

$(document).ready(function() {  
    $('.field').live('keydown', function(){ 
     $(this).addClass('active'); 
    }).live('keyup', function() { 
     $(this).toggleClass('active', $(this).val() != ''); 
    }); 
}); 

Votre .live() tire correctement, mais le .val() ne change pas jusqu'à ce que les feux keyup, keydown feux avant que la valeur est mise à jour , donc votre if() n'est pas vrai tant que vous n'avez pas appuyé sur la 2e touche.