JQuery как получить вставленное содержание

Question

У меня есть небольшие проблемы, ловя вставленный текст в мой вход:

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

console.log показывает:

default 

Как catch вставленный текст и получить готов использовать?

Answer 1

Современных браузеры теперь поддерживают input события, которое будет срабатывать после того, как содержание было вставило

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

---

При вставке к вводу paste события вызывается прежде, чем значение имеет время для обновления.
Одним из способов решения этой проблемы является отложить выборку значения, пока вход не успел обновить:

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

Там также возможность получения данных непосредственно из буфера обмена, а не от значения входов, путем доступа к event.clipboardData, однако эта методика экспериментальна, не поддерживается во всех браузерах и, на мой взгляд, более хакерская, чем использование события input, или даже простой тайм-аут.

Answer 2

Попробуйте это или добавить таймаут, тоже:

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

Answer 3

Принятая Ответ на самом деле Hacky и некрасиво, кажется, предложил довольно часто для случая пасты на StackOverflow. Я думаю, что лучший способ сделать это this

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