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。

请注意，这也会阻止自动完成和所有其他以类似方式工作的奇怪输入技术（我不知道）。

如何使用JQuery在Android浏览器中禁用“粘贴”？

1 个答案: