blocks|key|155517|text|检查this+fiddle。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|155518|+$('#email').bind("cut+copy+paste",function(e)+{
+++++e.preventDefault();
+});|code-block|syntax|javascript|155519|你需要绑定在剪切、复制和粘贴时应该做的事情。您可以防止该操作的默认行为。|155520|你可以找到a+detailed+explanation+here。|155521|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/S22ew/1/|1|https://stackoverflow.com/questions/5510129/how-to-disable-ctrlv-paste-with-jquery^0|2|B|0|0|0|0|5|R|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

<p>Check <a href="http://jsfiddle.net/S22ew/1/" rel="nofollow noreferrer">this fiddle</a>.</p>

<pre><code> $('#email').bind("cut copy paste",function(e) {
     e.preventDefault();
 });
</code></pre>

<p>You need to bind what should be done on cut, copy and paste. You prevent default behavior of the action.</p>

<p>You can find <a href="https://stackoverflow.com/questions/5510129/how-to-disable-ctrlv-paste-with-jquery">a detailed explanation here</a>.</p>


blocks|key|2737783|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2737784|oncopy="return+false"+onpaste="return+false"|offset|length|style|CODE|2737785|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">|code-block|syntax|javascript|2737786|http://jsfiddle.net/S22ew/4/|2737787|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|L|M|M|0|0|0|S|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@$D|X|E|Y|F|G]|$D|Z|E|10|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|11|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|12|8|@]|9|@$D|13|E|14|1|15]]|A|$]]|$1|O|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|N]]]]

<p>Use</p>
<p><code>oncopy=&quot;return false&quot;</code> <code>onpaste=&quot;return false&quot;</code></p>
<pre><code>Email: &lt;input type=&quot;textbox&quot; id=&quot;email&quot; oncopy=&quot;return false&quot; onpaste=&quot;return false&quot; &gt;&lt;br/&gt;
Confirm Email:    &lt;input type=&quot;textbox&quot; id=&quot;confirmEmail&quot; oncopy=&quot;return false&quot; onpaste=&quot;return false&quot;&gt;
</code></pre>
<p><a href="http://jsfiddle.net/S22ew/4/" rel="nofollow noreferrer">http://jsfiddle.net/S22ew/4/</a></p>


blocks|key|2737811|text|例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2737812|<input+type="textbox"+ondrop="return+false;"+onpaste="return+false;">|code-block|syntax|javascript|2737813|在HTML中所需的文本框中使用这些属性。现在，拖放和粘贴功能被禁用。|2737814|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>EX:</p>

<pre><code>&lt;input type="textbox" ondrop="return false;" onpaste="return false;"&gt;
</code></pre>

<p>Use these attributes in the required textbox in HTML. Now the drag-and-drop and the paste functionality are disabled.</p>


blocks|key|152746|text|这是更新后的fiddle。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|152747|$(document).ready(function(){
++++$('#confirmEmail').bind("cut+copy+paste",function(e)+{
++++++++e.preventDefault();
++++});
});|code-block|syntax|javascript|152748|这将防止在确认电子邮件文本框上剪切复制粘贴。|152749|希望能有所帮助。|152750|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/S22ew/2/^0|6|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>Here is the updated <a href="http://jsfiddle.net/S22ew/2/" rel="noreferrer">fiddle</a>.</p>

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

<p>This will prevent cut copy paste on Confirm Email text box.</p>

<p>Hope it helps.</p>


blocks|key|154104|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|154105|+$(+"#email,#confirmEmail+"+).on(+"copy+cut+paste+drop",+function()+{
++++++++++++++++return+false;
++++++++});|code-block|syntax|javascript|154106|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Try This </p>

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


blocks|key|2950686|text|您可以尝试这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2950687|+++<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">|code-block|syntax|javascript|2950688|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>you can try this:</p>

<pre><code>   &lt;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"&gt;
</code></pre>


blocks|key|151696|text|更新:被接受的答案提供了解决方案，但.on()是从现在开始应该使用的方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|151697|“从jQuery+3.0开始，.bind()已被弃用。从jQuery+1.7开始，用于将事件处理程序附加到文档的.on()方法取代了它，因此不鼓励使用它。”|151698|http://api.jquery.com/bind/|151699|entityMap|0|LINK|mutability|MUTABLE|url^0|0|3|I|5|0|0|0|R|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|W|8|@]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|J|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|I]]]]

<p><strong>UPDATE :</strong> The accepted answer provides the solution, but <strong>.on()</strong> is the method that should be use from now on.</p>

<p>"As of jQuery 3.0, .bind() has been deprecated. It was superseded by the .on() method for attaching event handlers to a document since jQuery 1.7, so its use was already discouraged."</p>

<p><a href="http://api.jquery.com/bind/" rel="nofollow noreferrer">http://api.jquery.com/bind/</a></p>


blocks|key|2737916|text|最好的方法是将数据属性添加到要避免剪切、复制和粘贴的字段(文本框)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2737917|只需创建一个相同的方法，如下所示：|2737918|function+ignorePaste()+{

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

};|code-block|syntax|javascript|2737919|然后，当您添加上述代码时，只需将data属性添加到您想要忽略剪切复制粘贴的字段。在我们的例子中，添加一个数据属性来确认电子邮件文本框如下：|2737920|Confirm+Email:+<input+type="textbox"+id=+"confirmEmail"+data-ignorepaste=""/>|2737921|调用方法ignorePaste()|2737922|因此，通过这种方式，您将能够在整个应用程序中使用它，您只需在要忽略剪切复制粘贴的位置添加数据属性|2737923|https://jsfiddle.net/0ac6pkbf/21/|offset|length|2737924|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|0|0|0|X|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|14|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|15|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|16|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|17|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|18|8|@]|9|@$S|19|T|1A|1|1B]]|A|$]]|$1|U|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|R]]]]

<p>Best way to do this is to add a data attribute to the field (textbox) where you want to avoid the cut,copy and paste.</p>

<p>Just create a method for the same which is as follows :-</p>

<pre><code>function ignorePaste() {

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

};
</code></pre>

<p>Then once when you add the above code simply add the data attribute to the field where you want to ignore cut copy paste. in our case your add a data attribute to confirm email text box as below :-</p>

<pre><code>Confirm Email: &lt;input type="textbox" id= "confirmEmail" data-ignorepaste=""/&gt;
</code></pre>

<p>Call the method ignorePaste()</p>

<p>So in this way you will be able to use this throughout the application, all you need to do is just add the data attribute where you want to ignore cut copy paste</p>

<p><a href="https://jsfiddle.net/0ac6pkbf/21/" rel="nofollow noreferrer">https://jsfiddle.net/0ac6pkbf/21/</a></p>


blocks|key|2950706|text|您可能还需要向用户提供一个警告，表明文本输入字段禁用了这些功能。这将会起作用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2950707|​|2950708|				function+showError(){
					alert('you+are+not+allowed+to+cut,copy+or+paste+here');
				}
				
				$('.form-control').bind("cut+copy+paste",function(e)+{
					e.preventDefault();
				});|code-block|syntax|javascript|2950709|<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>|2950710|2950711|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>You might also need to provide your user with an alert showing that those functions are disabled for the text input fields. This will work</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>				function showError(){
					alert('you are not allowed to cut,copy or paste here');
				}
				
				$('.form-control').bind("cut copy paste",function(e) {
					e.preventDefault();
				});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;textarea class="form-control"  oncopy="showError()" onpaste="showError()"&gt;&lt;/textarea&gt;</code></pre>
</div>
</div>
</p>


blocks|key|152752|text|请参见this示例。您需要绑定事件密钥传播|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|152753|$(document).ready(function+()+{
++++$('#confirmEmail').keydown(function+(e)+{
++++++++if+(e.ctrlKey+&&+(e.keyCode+==+88+%7C%7C+e.keyCode+==+67+%7C%7C+e.keyCode+==+86))+{
++++++++++++return+false;
++++++++}
++++});
});|code-block|syntax|javascript|152754|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/S22ew/5/^0|3|4|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>See <a href="http://jsfiddle.net/S22ew/5/" rel="nofollow">this</a> example. You need to bind the event key propagation</p>

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


<p>I have two textboxes, and I want to prevent user from copying the value from the first (email) textbox and pasting it in the second (confirmEmail) textbox.</p>

<pre><code>Email: &lt;input type="textbox" id="email"&gt;&lt;br/&gt;
Confirm Email:    &lt;input type="textbox" id="confirmEmail"&gt;
</code></pre>

<p>I have two solution in my mind:</p>

<ol>
<li>Prevent copy action from the email textbox, or</li>
<li>Prevent paste action from the confirmEmail textbox.</li>
</ol>

<p>Any idea about how to do it?</p>

<p><a href="http://jsfiddle.net/S22ew/">http://jsfiddle.net/S22ew/</a></p>


Disable Copy or Paste action for text box?

jQuery

我有两个文本框，我想防止用户复制第一个(电子邮件)文本框中的值并将其粘贴到第二个(confirmEmail)文本框中。Email: <input type="textbox" id="email"><br/>Confirm Email:    <input type="textbox" id="confirmEmail">我的脑海中有两个解决方案：阻止电子邮件文本框中的复制操作，或阻止confir

问是否禁用文本框的复制或粘贴操作？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否禁用文本框的复制或粘贴操作？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否禁用文本框的复制或粘贴操作？
EN