Détection du changement de valeur de l'entrée [type = text] dans jQuery

Question

Je souhaite exécuter une fonction à chaque fois que la valeur d'une zone de saisie spécifique change. Cela fonctionne presque avec $('input').keyup(function) , mais rien ne se passe lors du collage de texte dans la zone, par exemple. $input.change(function) ne se déclenche que lorsque l'entrée est floue. Comment puis-je le savoir immédiatement lorsqu'une zone de texte a changé de valeur?

Answer 1

Rappelez-vous simplement que 'on' est recommandé par rapport à la fonction 'bind', essayez donc toujours d'utiliser un écouteur d'événement comme celui-ci:

 $("#myTextBox").on("change paste keyup", function() {
   alert($(this).val()); 
});
 

Answer 2

La description

Vous pouvez le faire en utilisant la méthode .bind() jQuery. Découvrez le jsFiddle .

Échantillon

Html

 <input id="myTextBox" type="text"/>
 

jQuery

 $("#myTextBox").bind("change paste keyup", function() {
   alert($(this).val()); 
});
 

Plus d'information

• jsFiddle Demonstration
• jQuery.bind ()

Answer 3

Essayez cette.. crédits à http://stackoverflow.com/users/1169519/teemu

pour répondre à ma question ici.. jQuery keyup ne fonctionne pas avec le code de filtrage

Cette solution m'a aidé à avancer sur mon projet.

$("#your_textbox").on("input propertychange",function(){

   // Do your thing here.
});

Remarque: propertychange pour les versions antérieures d'internet explorer.

Answer 4

vous pouvez également utiliser des événements textbox -

 <input id="txt1" type="text" onchange="SetDefault($(this).val());" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">
 

jquery -

 function SetDefault(Text){
  alert(Text);
}
 

Essaye ça

Answer 5

Essaye ça:

Fondamentalement, il suffit de rendre compte de chaque événement:

Html:

 <input id = "textbox" type = "text">
 

Jquery:

 $("#textbox").keyup(function() { 
    alert($(this).val());  
}); 

$("#textbox").change(function() { 
alert($(this).val());  
});