ASP.NET jQuery 實例3 (在TextBox里面阻止復(fù)制、剪切和粘貼事件)

更新時間：2012年01月13日 22:23:31 作者：

在這講里，讓我們看下如何在ASP.NET Textbox里禁止復(fù)制、剪切和粘貼行為

當(dāng)用戶要輸入一些密碼、信用卡信息和銀行賬號等敏感信息，用戶更希望手工通過鍵盤敲入數(shù)據(jù)，而好過通過剪貼板復(fù)制粘貼。

我們先來看下實現(xiàn)后的效果：
輸入新密碼

復(fù)制新密碼出現(xiàn)如下對話框

界面代碼

復(fù)制代碼代碼如下:

 
<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="當(dāng)前密碼: " 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="提交" />&nbsp;&nbsp;<asp:Button ID="btnReset" runat="server" 
Text="重置" /> 
</td> 
</tr> 
</table> 
</fieldset> 
</div> 
</form> 
</body> 

腳本代碼

復(fù)制代碼代碼如下:

 
<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) { // 通過空格連續(xù)添加復(fù)制、剪切、粘貼事件 
e.preventDefault(); // 阻止事件的默認行為 
alert("復(fù)制/剪切/粘貼已經(jīng)在文本框中禁止掉了"); 
}); 
}); 
</script> 
</head> 