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

Question

我有两个文本框,我想阻止用户从第一个(电子邮件)文本框复制值并将其粘贴到第二个(confirmEmail)文本框中.

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

我脑子里有两个解决方案:

1. 阻止来自电子邮件文本框的复制操作,或
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;
        });