javascript - 如何检测javascript中的复制和粘贴？

Question

我有两个字段，一个是emailid，另一个是password我的表单。我想阻止用户粘贴到这些字段中。应该强制他们手动输入，例如 Google 表单。

Answer 1

您也可以禁用ctrl+v组合right click。

对于 IE，您可以使用以下事件处理程序：

onpaste="return false;" 
oncut="return false;" 
oncontextmenu="return false;" 
oncopy="return false;".

以下是适用于所有浏览器的解决方法：

function noCTRL(e) {
      var code = (document.all) ? event.keyCode : e.which;
      var ctrl = (document.all) ? event.ctrlKey : e.modifiers & Event.CONTROL_MASK;
      var msg = "Sorry, this functionality is disabled.";
      if (document.all) {
        if (ctrl && code == 86) {
          //CTRL+V
          alert(msg);
          window.event.returnValue = false;
        } else if (ctrl && code == 67) { 
         //CTRL+C (Copy)
          alert(msg);
          window.event.returnValue = false;
        }
      } else {
        if (ctrl == 2) {
          //CTRL key
          alert(msg);
          return false;
        }
      }
    }

在 HTML 部分中，您的字段如下所示：

Email :<input name="email" type="text" value=""/><br/>
Password :<input name="password" type="password" value=""/><br/>
Confirm Email :<input name="email" type="text" value="" onkeydown="return noCTRL(event)"/>    
Confirm Password :<input name="password" type="password" value="" onkeydown="return noCTRL(event)"/>

如果输入类型为，我认为用户不能复制密码字段password

希望这可以帮助。

笔记：

1. 在浏览器中禁用 JavaScript 将让用户为所欲为
2. 永远记住这一点：尊重用户的自由。

Answer 2

2020 年更新

您可以使用一些事件来阻止这些操作copy，paste或修改正在复制或粘贴的数据。（请参阅浏览器支持的链接）

<input type="text" onpaste="return false">

或者更长的 javascript 版本：

const elem = document.getElementById('nopaste');

elem.addEventListener('paste', (event) => {
  event.preventDefault();
});

<input type="text" placeholder="can paste"><br>
<input type="text" id="nopaste" placeholder="can not paste">

Answer 3

你应该使用onpaste。当用户尝试粘贴文本时会触发粘贴事件。

HTML

<h3>Play with this text area:</h3>
<textarea id="editor" rows="3">Try copying and pasting text into this field!</textarea>

<h3>Log:</h3>
<p id="log"></p>

JavaScript

function logCopy(event) {
  log.innerText = 'Copied!\n' + log.innerText;
}

function logPaste(event) {
  log.innerText = 'Pasted!\n' + log.innerText;
}

const editor = document.getElementById('editor');
const log = document.getElementById('log');

editor.oncopy = logCopy;
editor.onpaste = logPaste;