jQuery禁止复制和黏贴文本框内容代码下载

当前位置：首页 > 代码实例 > html5 css3代码分类 > jQuery > jQuery禁止复制和黏贴文本框内容代码下载

在填写表单的时候,有时候会禁止复制黏贴一些重要的表单内容。例如，在充值话费的时候，需要填写两次手机号码，这个手机号码就不允许赋值黏贴，以防止手机号码填写错误。下面就通过实例简单介绍一下如何实现此效果。

代码实例如下:

[ jQuery ] 运行代码下载代码

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<title>如何禁止文本框内容赋值黏贴</title> 
<style type="text/css">
li{
   list-style:none;
   font-size:12px;
   margin-top:5px;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(function(){ 
   $("input:text").bind("copy cut paste",function(e){ 
      return false; 
   }) 
}) 
</script> 
</head> 
<body> 
<ul>
  <li>手机号码:<input type="text" id="first" /></li>
  <li>再次输入:<input type="text" id="second" /></li>
</ul>
</body> 
</html>

代码描述：jQuery禁止复制和黏贴文本框内容。jQuery禁止复制和黏贴文本框内容代码下载

下载全部收藏

122 163

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册