如何在html中禁用密码标记的剪切,复制和粘贴操作

时间:2015-09-23 12:18:13

标签: javascript html html5

<html>
<head><title>Practice</title>
  <script language="javascript" type="text/javascript">
    function disableCopy() {
      alert("You cannot perform Copy");
      return false;
    }
    function disablePaste() {
      alert("You cannot performing Paste");
      return false;
    }
    function disableCut() {
      alert("You cannot perform Cut");
      return false;
    }
    function disableContextMenu() {
      alert("You cannot perform right click via mouse as well as keyboard");
      return false;
    }
  </script>
</head>
<body>
  <textarea rows=10 cols=50 oncopy="return false" onpaste="return false" oncut="return false" oncontextmenu="return false">
    Enter Text here......
  </textarea>
  <br/>
  Password<input type="password" oncopy="return disableCopy();" id="pwd" onpaste="return disablePaste();" oncut="return disableCut();" oncontextmenu="return disableContextMenu();"/>
</body>
</html>

你好朋友我是新手学习Javascript,我遇到了密码标签的问题,而我在上面的例子中执行复制,剪切和粘贴密码等操作。在这里,我使用了onCopy,onPaste和onCut事件,通过编写代码中显示的Javascript函数来禁用剪切,复制和粘贴操作。但是,当我在Mozilla浏览器中运行相同的示例时,每个事件函数都会按预期执行并显示警报,但是当我在Chrome浏览器或Internet Explorer中运行相同的示例时,我不会得到警报。任何人都可以帮我解决这个问题,或者任何人都可以请提供一个替代解决方案,以便相同的示例可以在所有三个浏览器中进行测试,即Mozilla,Chrome,Internet Explorer。

提前致谢

3 个答案:

答案 0 :(得分:0)

在Firefox和其他最新浏览器中工作。

停止此功能是一个坏主意,但我知道客户可以要求发生这种废话。

<input type="text" onselectstart="return false" onpaste="return false;" onCopy="return false" onCut="return false" onDrag="return false" onDrop="return false" autocomplete=off/>

JSFiddle

答案 1 :(得分:0)

下面显示的代码可以帮助您防止复制/剪切/粘贴您想要的任何元素。

实例位于以下链接

enter link description here

$('#XlsFileRenamed').removeAttr('disabled');
$('#txtInput').bind("paste",function(e) {
  e.preventDefault();
  });
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Disable Cut,Copy and Paste Demo</title>
  <script  type="text/javascript"
          src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.4.min.js">
    </script>
How to copy text from one infddput textbox to multiple textboxes using jQuery
<script type="text/javascript">

  
  function disableValidation(element)
  {
    $(element).on("cut copy
                  ",function(e) {
       return true;
    });

    $(element).bind("contextmenu",function(e){
      return true;
    });
    
  }
</script>
</head>
<body>
   <br />
  <span> Enter Something </span>
  <textarea id="txtInput" onClick="disableValidation('#txtInput')"></textarea>

</body>
</html>

答案 2 :(得分:-1)

Jquery的:

 $('#your_password_field_id').bind("cut copy paste",function(e) {
              e.preventDefault();
          });

或javascript:

<input type="password" oncopy="return false" oncut="return false" onpaste="return false">