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

Je veux 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 boîte, par exemple. $input.change(function)se déclenche uniquement lorsque l'entrée est floue, alors comment saurais-je immédiatement chaque fois qu'une zone de texte a changé de valeur?

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

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

La description

Vous pouvez le faire en utilisant la .bind()méthode de 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

• Démonstration de jsFiddle
• jQuery.bind ()

Essayez ceci .. crédits à https://stackoverflow.com/users/1169519/teemu

pour répondre à ma question ici: /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

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

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

   // Do your thing here.
});

Remarque: changement de propriété pour les versions inférieures d'IE.

vous pouvez également utiliser des événements de zone de texte -

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

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

Essaye ça

Essaye ça:

En gros, il suffit de tenir compte de chaque événement:

Html:

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

Jquery:

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

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

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

sélectionner pour une suggestion de navigateur

Essaye ça:

$("input").bind({
            paste : function(){
                $('#eventresult').text('paste behaviour detected!');
            }
})

Utilisez ceci: https://github.com/gilamran/JQuery-Plugin-AnyChange

Il gère toutes les façons de modifier l'entrée, y compris le menu de contenu (à l'aide de la souris)

Cette combinaison d'événements a fonctionné pour moi:

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

NE PAS OUBLIER LE cutou selectEVENTS!

La réponse acceptée est presque parfaite, mais elle oublie les événements cutet select.

cut est déclenché lorsque l'utilisateur coupe du texte (CTRL + X ou par clic droit)

select est déclenché lorsque l'utilisateur sélectionne une option suggérée par le navigateur

Vous devez également les ajouter, en tant que tels:

$("#myTextBox").on("change paste keyup cut select", function() {
   //Do your function 
});