如何使用JavaScript检测Ctrl + V,Ctrl + C?

问题描述 投票:152回答:17

如何使用Javascript检测ctrl + v,ctrl + c?

我需要限制粘贴在我的textareas中,最终用户不应该复制和粘贴内容,用户应该只在textarea中键入文本。

怎么做到这一点?

javascript jquery html
17个回答
165
投票

我出于兴趣而这样做了。我同意这不是正确的做法,但我认为这应该是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库。

Codepen demo

编辑:删除3条冗余线(涉及e.which)感谢Tim Down的建议(见评论)

编辑:添加了对Mac的支持(cmd键而不是ctrl)


1
投票

另一种方法(不需要插件)只需使用传入的ctrlKeyevent object属性。它表示在事件发生时是否按下了Ctrl,如下所示:

$(document).keypress("c",function(e) {
  if(e.ctrlKey)
    alert("Ctrl+C was pressed!!");
});

另见jquery: keypress, ctrl+c (or some combo like that)


0
投票

您可以收听按键事件,并在与特定键码匹配时暂停默认事件(输入文本)


0
投票

不要忘记,虽然您可能能够检测并阻止Ctrl + C / V,但您仍然可以更改某个字段的值。 最好的例子是Chrome的Inspect Element功能,它允许您更改字段的value-property。


0
投票

我已经有你的问题,我通过以下代码解决了..只接受数字

$('#<%= 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


0
投票

如果使用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.
      } 
    }

0
投票

重要的提示

我正在使用e.keyCode一段时间,我检测到当我按下ctrl +。,此属性返回错误的数字,190,而.的ascii代码是46!

所以你应该使用e.key.toUpperCase().charCodeAt(0)而不是e.keyCode


-2
投票
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);"  />

-4
投票

有一些方法可以防止它。

但是,用户将始终能够关闭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如何说,这个功能都是浏览器家属。


50
投票

使用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/


38
投票

虽然在用作反盗版措施时可能会很烦人,但我可以看到可能存在一些合法的情况,因此:

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。

此方法的局限性:

  • Opera不允许禁用右键单击事件
  • 据我所知,无法阻止浏览器窗口之间的拖放。
  • 例如,edit-> copy菜单项Firefox仍然可以允许复制/粘贴。
  • 也不能保证对于具有不同键盘布局/区域设置的人来说,复制/粘贴/剪切是相同的密钥代码(尽管布局通常只遵循与英语相同的标准),但是“禁用所有控制键”意味着选择所有等也将被禁用,所以我认为这是一个需要做出的妥协。

12
投票

还有另一种方法:onpasteoncopyoncut事件可以在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以获取更多信息。


9
投票

现场演示: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!');
        }
    });

}); 

8
投票

防止用户使用上下文菜单,复制和剪切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;
}

3
投票

我写了一个jQuery插件,它可以捕获击键。它可用于在没有OS的情况下以html形式启用多语言脚本输入(字体除外)。它的大约300行代码,也许你想看看:

一般来说,要小心这种改动。我为客户编写了插件,因为其他解决方案不可用。


3
投票

而不是onkeypress,使用onkeydown。

<input type="text" onkeydown="if(event.ctrlKey && event.keyCode==86){return false;}" name="txt">

2
投票

您可以使用此代码进行右键单击,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();
    });
© www.soinside.com 2019 - 2024. All rights reserved.