Est-il possible d'obtenir du texte collé sans utiliser la fonction setTimeout()?

Question

Je trouve que lorsque le texte du collage (c.-à-Hello) à l'aide de la souris, la fonction suivante jeter un pop-up vide:

$('input:text').onpaste = function() 
{ 
    alert($('input:text').val()); 
}); 

La chose est, lorsque l'événement onpaste est tiré, le texte ne mais réellement collé au champ d'entrée (au moins c'est ma conjecture). Donc changer la fonction de:

$('input:text').onpaste = function() 
{ 
    setTimeout(function() 
    { 
     alert($('input:text').val() 
    }, 100); 
} 

donne un résultat correct en montrant une fenêtre avec le texte Hello lorsqu'il est collé dans le champ d'entrée.

Maintenant ma question: est-il possible d'attraper le texte collé sans utiliser la fonction setTimeout()? Cette solution de contournement semble assez sale, donc j'aimerais ne pas avoir à l'utiliser.

kkthxbai xon1c

Answer 1

vous pouvez utiliser le lieu événement oninput, les navigateurs modernes prennent en charge cette méthode

http://jsfiddle.net/pxfunc/KDLjf/

$('input').bind('input', function(e) { 
    console.log($(this).val()); 
}); 

Answer 2

essayer d'obtenir les données collées:

$("input:text").bind('paste', function(e) { 
    var text = e.event; 
    alert(text); 
}); 

Le délai d'attente est nécessaire pour obtenir la mise à jour dom si la valeur est en fait dans le champ de saisie. vous pouvez également utiliser l'événement de changement pour vérifier si la zone de saisie est mis à jour http://api.jquery.com/change

Answer 3

$('input:text').bind('paste', function() { 
    alert($(this).val()); 
}); 

Answer 4

Je don Je pense que le code ci-dessous fonctionne sur IE8 car la valeur d'entrée n'est pas modifiée lorsque alert() est exécuté.

$('input').bind('input paste', function(e) { 
    alert($(this).val()); 
}); 

sur Firefox et Chrome, cela fonctionne très bien.