jquery come ottenere il contenuto incollato

Question

ho un po 'di problemi la cattura di un testo incollato nel mio ingresso:

<input type="text" id="myid" val="default"> 
$('#myid').on('paste',function(){ 
     console.log($('#myid').val()); 
}); 

console.log mostra:

default 

Come catch il testo incollato e ottenere pronto all'uso?

Answer 1

browser moderni supportano ora l'evento input, che il fuoco dopo che il contenuto è stato incollato

$('#myid').on('input', function() { 
    console.log($('#myid').val()); 
}); 

---

Quando si incolla ad un ingresso all'evento paste viene licenziato prima che il valore abbia il tempo di aggiornare.
Un modo per risolvere questo è quello di rinviare il recupero del valore fino a quando l'ingresso ha avuto il tempo di aggiornare:

$('#myid').on('paste', function() { 
    setTimeout(function() { 
     console.log($('#myid').val()); 
    }, 100); 
}); 

C'è anche la possibilità di ottenere i dati direttamente dagli appunti, piuttosto che dal valore di input, accedendo a event.clipboardData, tuttavia tale tecnica è sperimentale, non supportata in tutti i browser e, a mio parere, più hacky rispetto all'utilizzo dell'evento input o anche di un semplice timeout.

Answer 2

Prova questa o l'aggiunta di un timeout troppo:

$('#myid').on('paste',function(){ 
      console.log(this.value); 
    }); 

Answer 3

La risposta accettata è in realtà hacky e brutto, sembra essere suggerito spesso per l'evento pasta su StackOverflow. Credo che un modo migliore per farlo è this

$('#someInput').bind('paste', function(e) { 
    var data = e.originalEvent.clipboardData.getData('Text'); 
    //IE9 Equivalent ==> window.clipboardData.getData("Text"); 
});