Question

我有两个字段，一个是emailid，另一个是我的表单中的密码。我想检测当用户重新输入电子邮件和密码时，他不应该复制上面的内容。他必须再次手动编写。就像谷歌表格一样

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

，我认为用户不能复制密码字段

希望这有帮助。

注意：

在浏览器中禁用JavaScript会让用户做任何他们想做的事情
始终牢记这一点：尊重用户的自由。

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。当用户尝试粘贴文本时会触发 paste 事件。

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;

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

3 个答案:

2020更新