Posted in Javascript onJanuary 13, 2012
当用户要输入一些密码、信用卡信息和银行账号等敏感信息，用户更希望手工通过键盘敲入数据，而好过通过剪贴板复制粘贴。
我们先来看下实现后的效果：
输入新密码
<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> ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@