Entrée de texte html sur l'événement de changement

Existe-t-il un moyen de mettre en œuvre un événement de changement de texte pour détecter le changement de texte sur un champ de texte de saisie HTML?
Il est possible de simuler cela à l'aide d'événements clés (touche enfoncée, etc.), mais ce n'est vraiment pas performant et difficile, y a-t-il une meilleure façon?

Quand je fais quelque chose comme ça, j'utilise l'événement onKeyUp.

<script type="text/javascript"> function bar() { //do stuff } <input type="text" name="foo" onKeyUp="return bar()" />

Mais si vous ne souhaitez pas utiliser un événement html, vous pouvez essayer d'utiliser la méthode jQuerys .change ()

 $('.target').change(function() { //do stuff });

Dans cet exemple, l'entrée devrait avoir une classe "cible"

Si vous disposez de plusieurs zones de texte que vous souhaitez faire faire la même chose lorsque leur texte est modifié et que vous avez besoin de leurs données, vous pouvez faire ceci:

 $('.target').change(function(event) { //do stuff with the "event" object as the object that called the method )};

De cette façon, vous pouvez utiliser le même code, pour plusieurs boîtes de texte utilisant la même classe sans devoir réécrire aucun code.

OnChange ne s'allume pas avant que vous ne fassiez plus attention. Si vous voulez être très strict avec des changements instantanés de toutes sortes, utilisez:

 <input type = "text" onchange = "myHandler();" onkeypress = "this.onchange();" onpaste = "this.onchange();" oninput = "this.onchange();" />

Eh bien, sauf si je comprends mal, vous pouvez simplement utiliser l'attribut onChange :

 <input type="text" onChange="return bar()">

Remarque: dans FF 3 (au moins), cela n'est pas appelé jusqu'à ce que l'utilisateur ait confirmé sa modification en cliquant sur l'élément, en cliquant sur l'entrée ou autre.