ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)

当用户要输入一些密码、信用卡信息和银行账号等敏感信息，用户更希望手工通过键盘敲入数据，而好过通过剪贴板复制粘贴。我们先来看下实现后的效果：输入新密码复制新密码出现如下对话框界面代码复制代码代码如下: <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里面阻止复制、剪切和粘贴事件)

地址：http://www.17bianji.com/kaifa2/JS/23750.html

1/2 1