jQuery cómo obtener el contenido pegado

Question

tengo problemas para controlar un texto pegado en mi entrada:

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

console.log muestra:

default 

Cómo catch el texto pegado y consigo ¿listo para usar?

Answer 1

navegadores modernos soportan ahora el evento input, que se dispara después de que el contenido se ha pegado

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

---

Al pegar a una entrada del evento paste se dispara antes de que el valor no tiene tiempo para actualizar.
Una manera de resolver esto es aplazar el ir a buscar el valor hasta que la entrada ha tenido tiempo para actualizar:

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

También existe la posibilidad de obtener los datos directamente desde el portapapeles en lugar de partir del valor de los insumos, al acceder a event.clipboardData, sin embargo, esa técnica es experimental, no se admite en todos los navegadores, y en mi opinión es más hacky que usar el evento input, o incluso un tiempo de espera simple.

Answer 2

Prueba esto o la adición de un tiempo de espera demasiado:

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

Answer 3

La respuesta aceptada es en realidad hacky y feo, parece estar muy a menudo sugerido para el evento pasta sobre stackoverflow. Creo que una mejor manera de hacerlo es this

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