Làm thế nào để vô hiệu hóa 'Dán' trong trình duyệt Android bằng cách sử dụng JQuery?

Question

Tôi có một trường nhập mà tôi không muốn người dùng dán bất kỳ giá trị nào trong đó. Tôi đang sử dụng mã jQuery sau đây và nó hoạt động tốt trên trình duyệt máy tính để bàn và iPhone Safari. Vấn đề là nó không hoạt động trên trình duyệt Android.

$('#no_paste').bind("paste", function(e) {     
     e.preventDefault(); 
}); 

Đây là fiddle

Answer 1

Tôi đã thử nghiệm này trên Galaxy SIII và trình duyệt Android dường như không gửi sự kiện paste. Tuy nhiên, nó vẫn gửi sự kiện input sau khi một cái gì đó được dán.

Nếu người dùng nhập vào một trường, anh ta sẽ kích hoạt một sự kiện input cho mỗi chữ cái. Tuy nhiên, nếu anh ấy dán, sự kiện input sẽ chỉ kích hoạt một lần cho toàn bộ chuỗi đã được dán. Dựa trên quan sát này, chúng tôi có thể chặn dán như sau:

$('#ie').bind("input", function() { 
    var previousValue = $(this).data('old_value') || '', 
     newValue = $(this).val(); 

    if((newValue.length - previousValue.length) > 1) { 
     $(this).val(previousValue); 
    } 

    $(this).data('old_value', $(this).val()); 
}); 

Bạn sẽ tìm thấy JSFiddle here.

Xin lưu ý rằng điều này cũng sẽ chặn tự động hoàn thành và tất cả các kỹ thuật nhập khác lạ hoạt động theo cách tương tự (tôi không biết về bất kỳ).