Comment puis-je me lier à l'événement change d'une textarea dans jQuery?

Question

Je veux capturer si des changements sont survenus à <textarea> . Vous aimez taper des caractères (suppression, retour arrière) ou cliquer et coller ou couper avec la souris. Existe-t-il un événement jQuery pouvant déclencher pour tous ces événements?

J'ai essayé le changement d'événement, mais il ne déclenche le rappel qu'après la tabulation du composant.

Utilisation : Je veux activer un bouton si un <textarea> contient du texte.

Answer 1

Essayez ceci en fait:

 $('#textareaID').bind('input propertychange', function() {

      $("#yourBtnID").hide();

      if(this.value.length){
        $("#yourBtnID").show();
      }
});
 

DEMO

DEMO2

Cela fonctionne pour toutes les modifications que vous apportez, en tapant, en coupant, en collant.

EDIT Ajout de demo2 pour les nouvelles modifications de code

Answer 2

bind est obsolète. Utilisez on :

 $("#textarea").on('change keyup paste', function() {
    // your code here
});
 

Remarque: le code ci-dessus sera déclenché plusieurs fois, une fois pour chaque type de déclencheur correspondant. Pour gérer cela, faites quelque chose comme ça:

 var oldVal = "";
$("#textarea").on("change keyup paste", function() {
    var currentVal = $(this).val();
    if(currentVal == oldVal) {
        return; //check to prevent multiple simultaneous triggers
    }

    oldVal = currentVal;
    //action to be performed on textarea changed
    alert("changed!");
});
 

jsFiddle Demo

Answer 3

Vous voudrez peut-être essayer ceci (testé sur jQuery 2+):

 var button = $("#buttonId");
$("#textareaID").on('keyup',function(e){
    if(e.target.value === ''){
        // Textarea has no value
        button.hide();
    } else {
        // Textarea has a value
        button.show();
    }
});
 

Answer 4

essaye ça ...

 $("#txtAreaID").bind("keyup", function(event, ui) {                          

              // Write your code here       
 });
 

Answer 5

.delegate est le seul à travailler avec jQuery JavaScript Library v2.1.1

  $(document).delegate('#textareaID','change', function() {
          console.log("change!");
    });