×

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

作者:Terry2018.01.01来源:Web前端之家浏览:9015评论:0
关键词:JQueryJS

当用户要输入一些密码、信用卡信息和银行账号等敏感信息,用户更希望手工通过键盘敲入数据,而好过通过剪贴板复制粘贴。
我们先来看下实现后的效果:
输入新密码

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

界面代码

<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>

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/svg1488211200596.html

网友评论文明上网理性发言 已有0人参与

发表评论: