Tại sao Dán Sự kiện trong đám cháy jquery khi dán trước?

Question

Tôi cố gắng để làm cho textbox tương tự như Twitter, cho điều này tôi đã viết mã cho

• Word Count
• sử dụng sự kiện thay đổi, KeyUp và Dán

KeyUp và Thay đổi Sự kiện đang hoạt động tốt nhưng sự kiện dán hơi lạ, khi tôi dán nội dung nào đó vào văn bản, số lượng từ không thay đổi tại thời điểm đó, sau khi gỡ lỗi, tôi thấy rằng sự kiện dán cháy trước khi dán nội dung nào đó vào hộp văn bản. Tôi không biết họ xử lý thế nào trong Twitter. Đây là mã của tôi: sự kiện:

'click #textboxId' : 'submitQuestion' 
'keyup #textboxId' : 'wordCounter' 
'change #textboxId' : 'wordCounter' 
'paste #textboxId' : 'wordCounter' 

wordCounter: -> 
    #Code for Word Count# 

Do trước dán bản chất của sự kiện này dán đếm công việc không thay đổi về trường hợp đó.
Đề xuất và trợ giúp của bạn sẽ được đánh giá cao, Cảm ơn bạn đã dành thời gian.

Answer 1

Xem ví dụ này.

http://jsfiddle.net/urEhK/1

$('textarea').bind('input propertychange', function() { 
    $('#output').html($(this).val().length + ' characters'); 
}); 

hành vi đó là rất lạ. Bạn sẽ nghĩ rằng một trong những sự kiện đó sẽ bắt được điều này đúng không? Tôi đã rất ngạc nhiên khi không có thêm câu trả lời cho điều này thông qua Google.

Answer 2

function update()  
    { 
     alert($textbox.val().length); 
    } 


    var $textbox = $('input'); 
    $textbox.bind('keyup change cut paste', function(){ 
     update(); //code to count or do something else 
    }); 
    // And this line is to catch the browser paste event 
    $textbox.bind('input paste',function(e){ setTimeout(update, 250); }); 

Answer 3

Bây giờ bạn nên sử dụng() thay vì liên kết() see this post. Nó cũng không cần thiết để tạo ra một hàm được đặt tên, bạn chỉ có thể tạo một hàm ẩn danh.

$('#pasteElement').on('paste', function() { 
    setTimeout(function(){ 
     alert($('#pasteElement').val()); 
    }, 100); 
}); 

Answer 4

Bạn có thể làm một việc trước hết là lấy dữ liệu gốc. sau đó bạn có thể lấy dữ liệu dán sự kiện và thêm chúng.

$("#id").on("paste keypress ",function(event){ 
       // eg. you want to get last lenght 
       var length=$("#id").val().length; 
       if(event.type == "paste"){ 
        //then you can get paste event data.= 

length+=event.originalEvent.clipboardData.getData('text').length; 
       } 


      });`