Question

我的网站上有一个电子邮件输入框

<input type="text" name="email" class="box" id="email" value="Enter your email">
<input type="text" name="confirmEmail" class="box" id="confirmEmail" value="Enter your email again">

通过使用下面的css，我们可以限制用户选择任何内容

 *{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }

我想知道，是否可以限制用户在任何输入框中复制自己的书面文字？如果有，怎么样？我希望我的用户两次写电子邮件而不是复制粘贴。

Answer 1

在发布这里之前有点谷歌搜索伙伴会很好......无论如何这里是如何禁用剪切，复制和粘贴。不要忘记在下面的代码之前包含jQuery。

$(document).ready(function(){
  $('#confirmEmail').live("cut copy paste",function(e) {
      e.preventDefault();
  });
});

使用 regular expression 验证电子邮件也会对您的方案有所帮助。

Answer 2

 document.getElementById("confirmEmail").addEventListener('paste',
    function(e){e.preventDefault()});

 document.getElementById("confirmEmail").addEventListener('drop',
   function(e){e.preventDefault()});

http://jsfiddle.net/vPXrR/1/

更新

 document.getElementById("email").addEventListener('paste',
     function(e){e.preventDefault()});
 document.getElementById("email").addEventListener('drop',
    function(e){e.preventDefault()});

http://jsfiddle.net/vPXrR/2/

限制用户复制他们在输入字段中写入的文本

2 个答案: