pasta zdarzenie zostanie zwolniony przed tekst w polu tekstowym

Question

events: { "paste .youtube-url" : "addUrl" } 

addUrl: function(){ 
    console.log(this.$(".youtube-url").val()); 

Więc powiedzmy I wklej „zły” w pierwszym polu tekstowym czasu

wyjście konsola (pusty ciąg znaków)

wtedy gdybym wklej dołączyć coś jak "koder"

wyjścia konsoli: Bad

zamiast co jest w pudełku "badcoder", myślę, że to dlatego, że zdarzenie pseudo paste jest uruchamiane przed wstawieniem tekstu.

Answer 1

Zamiast używać zdarzenia paste można użyć zdarzenia keyup, które jest uruchamiane, gdy ktoś wkleja się, ale także strzela tylko po zaktualizowaniu wartości wejścia.

UPDATE

Dobry komentarz od @Micah (i @JohnnyO). Oto dylemat znalazłam pracę:

$('input').on('paste', function() { 
    var that = this; 
    setTimeout(function() { 
     alert(that.value); 
    }, 0); 
});​ 

To ustawia timeout więc kod, który odczytuje wartość na wejściu jest prowadzony tylko po pozostałej części kodu w stosie został uruchomiony. Testowałem tylko w przeglądarce Chrome 21, ale zerowy limit czasu wydaje się działać.

Demo: http://jsfiddle.net/H4K4R/

Answer 2

Odpowiedź przez @Jasper działa tylko podczas wklejania przez klawiaturę. Podczas używania myszy i menu kontekstowego do wklejenia nie otrzymasz zdarzenie keyup. Najlepszym wydarzeniem do obejrzenia jest wydarzenie "wejściowe". Niestety, w przypadku wersji IE przed 9, musisz zamiast tego oglądać zdarzenia "propertychange", ponieważ nie obsługują one "input". "propertychange" nie bańka, więc nie będzie w stanie połączyć się z tym wydarzeniem, tak jak robisz używając Backbone, a zamiast tego będzie musiał powiązać go bezpośrednio z elementem ".youtube-url".