événement pour la mise à jour de la zone de texte

Question

J'ai une zone de texte et je veux qu'un événement soit déclenché à chaque fois qu'il est mis à jour, que ce soit à l'aide des touches, du presse-papier ou de tout ce qui est possible.

La liaison à l'événement keyup est-elle suffisante ou existe-t-il un meilleur moyen?

Answer 1

Je l'ai fait la même chose un champ de texte avec ce code:

$(document).ready(function(){ 

    $('#link').keyup(function(event){  

     if($(this).val().length > 30 && this.value != this.lastValue){ 
      if (this.timer) clearTimeout(this.timer); 

      if(!$('#ajax-aguarde').length) 
      { 
       $('<p id="ajax-aguarde"></p>').appendTo($('#link-element')); 
      } 
      $('#ajax-aguarde').html('Wait, loading...'); 

      if($('#posts').length){ 
       $('#posts').remove(); 
       $('#p-ultimos').remove(); 
      } 

      str = this.value; 
      url = $('#ajaxurl').val(); 

      this.timer = setTimeout(function() { 
       $.post(
       url, 
       { link: str, format: 'json' }, 
       function(data){ 

        if(data.error == 1){ 
         $('#ajax-aguarde').html('Error...'); 
        } else { 
         $('#ajax-aguarde').remove(); 
        } 

        if(data.titulo.length){ 
         $('#titulo').val(data.titulo); 
        } 
        if(data.descricao.length){ 
         $('#descricao').val(data.descricao); 
        } 

        $('<p id="p-ultimos">Last posts:</p>').appendTo($('#link-element')); 
        $('<ul id="posts"></ul>').appendTo($('#link-element')); 

        $.each(data.posts, function(index, post) { 
         $('<li id="post' + index + '"></li>').appendTo($('#posts')); 
         $('#post' + index).html(post.title); 
        }); 


       }, 
       "json" 
       ); 
      },1000); 

      this.lastValue = this.value; 
     } 

    }); 

    setTimeout(function() { $('#link').keyup(); },500); 
}); 

J'ai setTimeOut pour assurer certains événements qui ne se déclenchent

Answer 2

Je pense que cela dépend de la fréquence à laquelle vous voulez écouter, je pense que ketup va le faire, mais onchange peut être moins intenseive et vous obtenez le même effet que cela dépend de ce que vous faites

Answer 3

vous pouvez lier plusieurs événements comme celui-ci:

$('#textbox').bind('keyup change blur', function() { 
    // stuff to do when any of these events fire 
}); 

il semble que change() seul devrait fonctionner pour vous, cependant.

Here is the API doc