如何使用Javascript检测ctrl + v,ctrl + c?
我需要限制粘贴在我的textareas中,最终用户不应该复制和粘贴内容,用户应该只在textarea中键入文本。
怎么做到这一点?
我出于兴趣而这样做了。我同意这不是正确的做法,但我认为这应该是op的决定......而且代码可以很容易地扩展到添加功能,而不是把它拿走(比如更高级的剪贴板,或Ctrl + s触发)服务器端保存)。
$(document).ready(function() {
var ctrlDown = false,
ctrlKey = 17,
cmdKey = 91,
vKey = 86,
cKey = 67;
$(document).keydown(function(e) {
if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = true;
}).keyup(function(e) {
if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = false;
});
$(".no-copy-paste").keydown(function(e) {
if (ctrlDown && (e.keyCode == vKey || e.keyCode == cKey)) return false;
});
// Document Ctrl + C/V
$(document).keydown(function(e) {
if (ctrlDown && (e.keyCode == cKey)) console.log("Document catch Ctrl+C");
if (ctrlDown && (e.keyCode == vKey)) console.log("Document catch Ctrl+V");
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h3>Ctrl+c Ctrl+v disabled</h3>
<textarea class="no-copy-paste"></textarea>
<br><br>
<h3>Ctrl+c Ctrl+v allowed</h3>
<textarea></textarea>
另外,澄清一下,这个脚本需要jQuery库。
编辑:删除3条冗余线(涉及e.which)感谢Tim Down的建议(见评论)
编辑:添加了对Mac的支持(cmd键而不是ctrl)
另一种方法(不需要插件)只需使用传入的ctrlKey
的event object属性。它表示在事件发生时是否按下了Ctrl,如下所示:
$(document).keypress("c",function(e) {
if(e.ctrlKey)
alert("Ctrl+C was pressed!!");
});
您可以收听按键事件,并在与特定键码匹配时暂停默认事件(输入文本)
不要忘记,虽然您可能能够检测并阻止Ctrl + C / V,但您仍然可以更改某个字段的值。 最好的例子是Chrome的Inspect Element功能,它允许您更改字段的value-property。
我已经有你的问题,我通过以下代码解决了..只接受数字
$('#<%= mobileTextBox.ClientID %>').keydown(function(e) {
///// e.which Values
// 8 : BackSpace , 46 : Delete , 37 : Left , 39 : Rigth , 144: Num Lock
if (e.which != 8 && e.which != 46 && e.which != 37 && e.which != 39 && e.which != 144
&& (e.which < 96 || e.which > 105 )) {
return false;
}
});
你可以检测到Ctrl id e.which == 17
如果使用ctrlKey
属性,则无需维护状态。
$(document).keydown(function(event) {
// Ctrl+C or Cmd+C pressed?
if ((event.ctrlKey || event.metaKey) && event.keyCode == 67) {
// Do stuff.
}
// Ctrl+V or Cmd+V pressed?
if ((event.ctrlKey || event.metaKey) && event.keyCode == 86) {
// Do stuff.
}
// Ctrl+X or Cmd+X pressed?
if ((event.ctrlKey || event.metaKey) && event.keyCode == 88) {
// Do stuff.
}
}
我正在使用e.keyCode
一段时间,我检测到当我按下ctrl +。,此属性返回错误的数字,190,而.
的ascii代码是46!
所以你应该使用e.key.toUpperCase().charCodeAt(0)
而不是e.keyCode
。
function noCopyMouse(e) {
if (event.button == 2 || event.button == 3) {
alert('You are prompted to type this twice for a reason!');
return false;
}
return true;
}
function noCopyKey(e) {
var forbiddenKeys = new Array('c','x','v');
var isCtrl;
if(window.event) {
if(window.event.ctrlKey)
isCtrl = true;
else
isCtrl = false;
}
else {
if(e.ctrlKey)
isCtrl = true;
else
isCtrl = false;
}
if(isCtrl) {
for(i=0; iif(forbiddenKeys[i] == String.fromCharCode(window.event.keyCode).toLowerCase()) {
alert('You are prompted to type this twice for a reason!');
return false;
}
}
}
return true;
}
现在,要在您希望限制的文本框中引用这些方法:
<input name="txtTest" id="txtTest" type="textbox" onmousedown="javascript:return noCopyMouse(event);" onkeykown="javascript:return noCopyKey(event);" />
有一些方法可以防止它。
但是,用户将始终能够关闭javascript或只查看页面的源代码。
一些例子(需要jQuery)
/**
* Stop every keystroke with ctrl key pressed
*/
$(".textbox").keydown(function(){
if (event.ctrlKey==true) {
return false;
}
});
/**
* Clear all data of clipboard on focus
*/
$(".textbox").focus(function(){
if ( window.clipboardData ) {
window.clipboardData.setData('text','');
}
});
/**
* Block the paste event
*/
$(".textbox").bind('paste',function(e){return false;});
编辑:Tim Down如何说,这个功能都是浏览器家属。
使用jquery,您可以通过绑定函数轻松检测复制,粘贴等:
$("#textA").bind('copy', function() {
$('span').text('copy behaviour detected!')
});
$("#textA").bind('paste', function() {
$('span').text('paste behaviour detected!')
});
$("#textA").bind('cut', function() {
$('span').text('cut behaviour detected!')
});
更多信息:http://www.mkyong.com/jquery/how-to-detect-copy-paste-and-cut-behavior-with-jquery/
虽然在用作反盗版措施时可能会很烦人,但我可以看到可能存在一些合法的情况,因此:
function disableCopyPaste(elm) {
// Disable cut/copy/paste key events
elm.onkeydown = interceptKeys
// Disable right click events
elm.oncontextmenu = function() {
return false
}
}
function interceptKeys(evt) {
evt = evt||window.event // IE support
var c = evt.keyCode
var ctrlDown = evt.ctrlKey||evt.metaKey // Mac support
// Check for Alt+Gr (http://en.wikipedia.org/wiki/AltGr_key)
if (ctrlDown && evt.altKey) return true
// Check for ctrl+c, v and x
else if (ctrlDown && c==67) return false // c
else if (ctrlDown && c==86) return false // v
else if (ctrlDown && c==88) return false // x
// Otherwise allow
return true
}
我使用event.ctrlKey
而不是检查密钥代码,因为在Mac OS X上的大多数浏览器上,Ctrl / Alt“向下”和“向上”事件从未被触发,因此检测的唯一方法是在例如使用event.ctrlKey
。按住Ctrl键后的c事件。我也用ctrlKey
替换metaKey
用于macs。
此方法的局限性:
edit
-> copy
菜单项Firefox仍然可以允许复制/粘贴。还有另一种方法:onpaste
,oncopy
和oncut
事件可以在IE,Firefox,Chrome,Safari中注册和取消(有一些小问题),唯一不允许取消这些事件的主要浏览器是Opera。
正如你在我的其他答案中看到的那样,拦截Ctrl + v和Ctrl + c会带来许多副作用,但它仍然不会阻止用户使用Firefox Edit
菜单粘贴等。
function disable_cutcopypaste(e) {
var fn = function(evt) {
// IE-specific lines
evt = evt||window.event
evt.returnValue = false
// Other browser support
if (evt.preventDefault)
evt.preventDefault()
return false
}
e.onbeforepaste = e.onbeforecopy = e.onbeforecut = fn
e.onpaste = e.oncopy = e.oncut = fn
}
Safari仍然存在一些使用此方法的小问题(当防止默认时,它会清除剪贴板而不是剪切/复制)但是现在Chrome中已经修复了该错误。
另请参阅:http://www.quirksmode.org/dom/events/cutcopypaste.html和相关的测试页http://www.quirksmode.org/dom/events/tests/cutcopypaste.html以获取更多信息。
现场演示:http://jsfiddle.net/abdennour/ba54W/
$(document).ready(function() {
$("#textA").bind({
copy : function(){
$('span').text('copy behaviour detected!');
},
paste : function(){
$('span').text('paste behaviour detected!');
},
cut : function(){
$('span').text('cut behaviour detected!');
}
});
});
防止用户使用上下文菜单,复制和剪切jQuery的简短解决方案:
jQuery(document).bind("cut copy contextmenu",function(e){
e.preventDefault();
});
同样禁用CSS中的文本选择可能会派上用场:
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
我写了一个jQuery插件,它可以捕获击键。它可用于在没有OS的情况下以html形式启用多语言脚本输入(字体除外)。它的大约300行代码,也许你想看看:
一般来说,要小心这种改动。我为客户编写了插件,因为其他解决方案不可用。
而不是onkeypress,使用onkeydown。
<input type="text" onkeydown="if(event.ctrlKey && event.keyCode==86){return false;}" name="txt">
您可以使用此代码进行右键单击,CTRL + C,CTRL + V,CTRL + X检测并阻止其操作
$(document).bind('copy', function(e) {
alert('Copy is not allowed !!!');
e.preventDefault();
});
$(document).bind('paste', function() {
alert('Paste is not allowed !!!');
e.preventDefault();
});
$(document).bind('cut', function() {
alert('Cut is not allowed !!!');
e.preventDefault();
});
$(document).bind('contextmenu', function(e) {
alert('Right Click is not allowed !!!');
e.preventDefault();
});