如何在html中限制输入文本字段中的粘贴文本

时间:2015-03-17 19:23:35

标签: javascript jquery html5 css3

我使用html5,jQuery,css进行网页设计。任何人都可以告诉我如何限制在HTML中的输入文本字段中粘贴数据。我搜索了相同但我确实发现限制复制但不粘贴。请帮我。谢谢。

2 个答案:

答案 0 :(得分:5)

使用jquery,您可以使用此

来避免粘贴
$('.textboxClass').on('paste', function(e) {
    e.preventDefault();
});

您可以使用此

来避免复制粘贴和剪切
$('.textboxClass').on('copy paste cut', function(e) {
    e.preventDefault();
});

答案 1 :(得分:2)

唯一合理的方法是使用JavaScript来捕获 CTRL / CMD + V 键组合并阻止它执行任何操作还使用JavaScript禁用右键单击输入以防止用户使用上下文菜单进行粘贴。

然而,有一些警告:

  1. 任何解决方案都依赖于JavaScript,可以禁用它。
  2. 浏览器可能有一个用户可以用来粘贴的应用程序级菜单(编辑>粘贴)。
  3. 即使启用了JavaScript,某些浏览器也允许用户专门禁用网站禁用右键点击的功能。
  4. 换句话说,没有防止这种情况的万无一失的方法。如果用户有足够的动力,他们可以轻松绕过您对此输入的任何限制。即使您完全禁用该字段以防止任何修改,粘贴或其他方式,勤奋的用户也可以利用他们的浏览器开发工具来删除输入上的disabled属性或直接更新value属性。

    一般来说,试图限制用户可以做的事情总是一件坏事。良好用户界面的目标应该是启用用户,而不是应用任意且经常令人沮丧的限制。