Capture du texte collé dans une zone de texte avec JQuery

Je dois prendre la pâte cas d'une zone de texte à l'aide de JQuery. J'ai essayé le code suivant mais il ne fonctionne pas...

$(document).ready(function()
{ 
  $('#txtcomplaint').keyup(function()
  {  
     TextCounter('txtcomplaint','counterComplaint', 1000 ); 
  }) 
  $('#txtcomplaint').onpaste(function()
  {  
     alert()
     //TextCounter('txtcomplaint','counterComplaint', 1000 ); 
  }) 
});

source d'informationauteur Jibu P C_Adoor

  1. 23

    Vous pouvez faire quelque chose comme ceci

    $("#txtcomplaint").bind('paste', function(e) {
    var elem = $(this);

    setTimeout(function() {
        //gets the copied text after a specified time (100 milliseconds)
        var text = elem.val(); 
    }, 100);
});
  2. 6
    $('#txtcomplaint').bind('paste', function(e){ alert('pasting!') });

    De ressources supplémentaires est de prendre un coup d'oeil ici.

  3. 1

    J'ai finalement obtenu ce travail pour 1) taper, 2) glisser-déposer, 3) Ctrl-V et 4) coller dans le menu contextuel d'un clic de souris, mais j'ai dû fixer la pâte et déposez les gestionnaires du document (où 'taValue' est la classe de l'textareas je suis en train de moniteur):

            $(document).on("paste drop", '.taValue', function (e) {
          myHandler.call(e.target, e);
        });

    L'événement keyup sur le textarea déjà travaillé. Le problème suivant est que de la pâte et déposer les événements de me faire virer AVANT le texte dans le textarea ne change réellement. Dans mon cas, j'ai voulu comparer le nouveau texte au texte original. J'ai eu recours à un setTimeout:

        function myHandler(e) {
      if (e && (e.type === "drop" || e.type === "paste")) {
        var me = this;
        setTimeout(function () { myHandler.call(me) }, 200);
      }... [more code to do the comparison]

    Je déteste utiliser le délais d'attente pour des choses comme cela, mais il ne fonctionne pas (quand j'ai essayé de 100 millisecondes d'intervalle, il n'a pas).

  4. 0

    C'est le plus utile de la solution:

    $("#item_name").bind("input change", function() {});

    peut-être que le changement n'est pas essentiel.