bbsvs

jQuery的TextBox里面阻止复制、剪切和粘贴的方法

作者:bbsvs 时间:2017-08-29

这篇文章主要是详细介绍jQuery的TextBox里面阻止复制、剪切和粘贴的方法

输入新密码

9.jpg


复制新密码出现如下对话框

10.jpg

界面代码 


<body> 
<form id="form1" runat="server"> 
<div align="center"> 
<fieldset style="width: 400px; height: 180px"> 
<table cellpadding="3" cellspacing="3" border="0"> 
<tr> 
<td colspan="2" class="header"> 
修改密码 
</td> 
</tr> 
<tr> 
<td> 
<asp:Label ID="lblCurrentPwd" Text="当前密码: " runat="server"></asp:Label> 
</td> 
<td> 
<asp:TextBox ID="txtCurrentPwd" Width="200px" runat="server" TextMode="Password"></asp:TextBox> 
</td> 
</tr> 
<tr> 
<td> 
<asp:Label ID="lblNewPwd" Text="新密码: " runat="server"></asp:Label> 
</td> 
<td> 
<asp:TextBox ID="txtNewPwd" Width="200px" runat="server" TextMode="Password"></asp:TextBox> 
</td> 
</tr> 
<tr> 
<td> 
<asp:Label ID="lblConfirmNewPwd" Text="确认新密码: " runat="server"></asp:Label> 
</td> 
<td> 
<asp:TextBox ID="txtConfirmNewPwd" Width="200px" runat="server" TextMode="Password"></asp:TextBox> 
</td> 
</tr> 
<tr> 
<td> 
</td> 
<td> 
<asp:Button ID="btnSubmit" runat="server" Text="提交" />  <asp:Button ID="btnReset" runat="server" 
Text="重置" /> 
</td> 
</tr> 
</table> 
</fieldset> 
</div> 
</form> 
</body>


脚本代码 

<head runat="server"> 
<title>Recipe3</title> 
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script> 
<style type="text/css"> 
.header 
{ 
background-color:Gray; 
font-weight:bold; 
font-size:large; 
} 
</style> 
<script type="text/javascript"> 
$(document).ready(function () { 
$("input:password").bind("copy cut paste", function (e) { // 通过空格连续添加复制、剪切、粘贴事件 
e.preventDefault(); // 阻止事件的默认行为 
alert("复制/剪切/粘贴已经在文本框中禁止掉了"); 
}); 
}); 
</script> 
</head>


TAG:
禁止   复制   复制