【问题标题】:How to restrict pasting text in an input text field in html如何限制在html的输入文本字段中粘贴文本
【发布时间】:2015-05-20 09:41:42
【问题描述】:

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

【问题讨论】:

标签: javascript jquery html css


【解决方案1】:

使用 jquery,你可以避免使用这个粘贴

$('.textboxClass').on('paste', function(e) {
    e.preventDefault();
});

你可以避免使用这个复制粘贴和剪切

$('.textboxClass').on('copy paste cut', function(e) {
    e.preventDefault();
});

【讨论】:

    【解决方案2】:

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

    但是,有一些警告:

    1. 任何解决方案都依赖于可以禁用的 JavaScript。
    2. 浏览器可能有一个应用程序级菜单,用户可以使用它来粘贴(编辑 > 粘贴)。
    3. 即使启用了 JavaScript,某些浏览器也允许用户专门禁用网站禁用右键单击的功能。

    换句话说,没有万无一失的方法可以防止这种情况发生。如果用户有足够的动力,他们可以轻松绕过您对该输入设置的任何限制。即使您要完全禁用该字段以防止任何修改、粘贴或其他方式,勤劳的用户也可以利用他们的浏览器开发工具删除输入上的 disabled 属性或直接更新 value 属性。

    一般来说,试图限制用户可以做的事情总是一个糟糕的举动。良好 UI 的目标应该是启用用户,而不是施加任意且经常令人沮丧的限制。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-21
      相关资源
      最近更新 更多