0

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

<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;
    }

我想知道,是否可以限制用户在任何输入框中复制自己的书面文本?如果是的话怎么办?我希望我的用户写两次他们的电子邮件,而不是复制粘贴。

4

2 回答 2

3

在这里发帖之前先用谷歌搜索一下会很好……无论如何这里是如何禁用剪切、复制和粘贴。不要忘记在下面的代码之前包含 jQuery。

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

使用正则表达式验证电子邮件也可以帮助您解决方案。

于 2013-09-02T06:30:01.847 回答
0
 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/

于 2013-09-02T06:33:51.413 回答