jquery như thế nào để có được nội dung dán

Question

Tôi có một chút rắc rối bắt một văn bản dán vào đầu vào của tôi:

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

console.log cho thấy:

default 

Làm thế nào tôi catch văn bản dán và nhận được sẵn sàng sử dụng?

Answer 1

Trình duyệt hiện tại bây giờ hỗ trợ sự kiện input, mà sẽ cháy sau khi nội dung đã được dán

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

---

Khi dán vào một đầu vào sự kiện paste là bắn trước khi giá trị có thời gian để cập nhật.
Một cách để giải quyết này là để trì hoãn quá trình tìm nạp giá trị cho đến khi đầu vào đã có thời gian để cập nhật:

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

Ngoài ra còn có khả năng nhận được các dữ liệu trực tiếp từ clipboard chứ không phải từ giá trị đầu vào, bằng cách truy cập event.clipboardData, tuy nhiên, kỹ thuật đó là thử nghiệm, không được hỗ trợ trong tất cả các trình duyệt và theo ý kiến ​​của tôi, việc sử dụng sự kiện input trở nên khó khăn hơn hoặc thậm chí là thời gian chờ đơn giản.

Answer 2

Hãy thử điều này hoặc thêm một thời gian chờ quá:

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

Answer 3

Câu trả lời được chấp nhận là thực sự hacky và xấu xí, dường như được gợi ý khá thường xuyên cho sự kiện dán trên stackoverflow. Tôi nghĩ rằng một cách tốt hơn để làm điều đó là this

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