Как отключить «Вставить» в Android-браузере с помощью JQuery?

Question

У меня есть поле ввода, которое я не хочу, чтобы пользователи вставляли в него какие-либо значения. Я использую следующий код jQuery, и он отлично работает на обозревателе браузера и iPhone Safari. Проблема в том, что он не работает в браузере Android.

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

Вот fiddle

Answer 1

Я проверил это на Galaxy SIII и Android браузер не кажется отправить paste событие. Тем не менее, он по-прежнему отправляет событие input после того, как что-то было вставлено.

Если пользователь вводит поле, он будет запускать одно событие input для каждой буквы. Однако, если он вставляет, событие input будет срабатывать только один раз для всей вложенной строки. На основании этого наблюдения мы можем блокировать склеивание, как это:

$('#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()); 
}); 

Вы найдете JSFiddle here.

Обратите внимание, что это также блокирует автозаполнение и все другие странные методы ввода, которые работают аналогичным образом (я не знаю ни о каком).