禁用文本框的复制或粘贴操作？

Question

我有两个文本框，我想阻止用户从第一个（电子邮件）文本框中复制值并将其粘贴到第二个（确认电子邮件）文本框中。

Email: <input type="textbox" id="email"><br/>
Confirm Email:    <input type="textbox" id="confirmEmail">

我有两个解决方案：

1. 阻止来自 email 文本框的复制操作，或
2. 防止从 confirmEmail 文本框中进行粘贴操作。

关于如何做的任何想法？

http://jsfiddle.net/S22ew/

Answer 1

检查这个小提琴。

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

您需要绑定剪切、复制和粘贴时应执行的操作。 您可以阻止操作的默认行为。

您可以在此处找到详细说明。

Answer 2

用

oncopy="return false" onpaste="return false"

Email: <input type="textbox" id="email" oncopy="return false" onpaste="return false" ><br/>
Confirm Email:    <input type="textbox" id="confirmEmail" oncopy="return false" onpaste="return false">

http://jsfiddle.net/S22ew/4/

Answer 3

前任：

<input type="textbox" ondrop="return false;" onpaste="return false;">

在 HTML 中所需的文本框中使用这些属性。 现在拖放和粘贴功能被禁用。

Answer 4

这是更新的小提琴。

$(document).ready(function(){
    $('#confirmEmail').bind("cut copy paste",function(e) {
        e.preventDefault();
    });
});

这将防止在确认电子邮件文本框中剪切复制粘贴。

希望能帮助到你。

Answer 5

尝试这个

 $( "#email,#confirmEmail " ).on( "copy cut paste drop", function() {
                return false;
        });

Answer 6

你可以试试这个：

   <input type="textbox" id="confirmEmail" onselectstart="return false" onpaste="return false;" oncopy="return false" oncut="return false" ondrag="return false" ondrop="return false" autocomplete="off">

Answer 7

更新：接受的答案提供了解决方案，但.on()是从现在开始应该使用的方法。

“从 jQuery 3.0 开始，.bind() 已被弃用。自 jQuery 1.7 起，它被用于将事件处理程序附加到文档的 .on() 方法取代，因此已经不鼓励使用它。”

http://api.jquery.com/bind/

Answer 8

最好的方法是将数据属性添加到要避免剪切、复制和粘贴的字段（文本框）。

只需为此创建一个方法，如下所示：-

function ignorePaste() {

$("[data-ignorepaste]").bind("cut copy paste", function (e) {
            e.preventDefault(); //prevent the default behaviour 
        });

};

然后，当您添加上述代码时，只需将数据属性添加到要忽略剪切复制粘贴的字段。 在我们的例子中，您添加一个数据属性来确认电子邮件文本框，如下所示：-

Confirm Email: <input type="textbox" id= "confirmEmail" data-ignorepaste=""/>

调用方法 ignorePaste()

因此，通过这种方式，您将能够在整个应用程序中使用它，您只需在要忽略剪切复制粘贴的地方添加数据属性

https://jsfiddle.net/0ac6pkbf/21/

Answer 9

您可能还需要向您的用户提供警报，表明这些功能对于文本输入字段已禁用。 这将工作

 function showError(){ alert('you are not allowed to cut,copy or paste here'); } $('.form-control').bind("cut copy paste",function(e) { e.preventDefault(); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <textarea class="form-control" oncopy="showError()" onpaste="showError()"></textarea>

Answer 10

你可以试试下面的代码

$(document).ready(function() {
    $('#email, #confirmEmail').on("cut copy paste drop", function(e) {
         e.preventDefault();
         return false;
    });
});

在文本框中添加以下代码作为属性

onpaste="return false" oncut="return false" oncopy="return false" ondrag="return false" ondrop="return false" onselectstart="return false"

例子：

<input type="textbox" id="email" onpaste="return false" oncut="return false" oncopy="return false" ondrag="return false" ondrop="return false" onselectstart="return false" />

Answer 11

请参阅此示例。 您需要绑定事件键传播

$(document).ready(function () {
    $('#confirmEmail').keydown(function (e) {
        if (e.ctrlKey && (e.keyCode == 88 || e.keyCode == 67 || e.keyCode == 86)) {
            return false;
        }
    });
});