ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
发布时间:2016-12-30 来源:查字典编辑
摘要:当用户要输入一些密码、信用卡信息和银行账号等敏感信息,用户更希望手工通过键盘敲入数据,而好过通过剪贴板复制粘贴。我们先来看下实现后的效果:输...

当用户要输入一些密码、信用卡信息和银行账号等敏感信息,用户更希望手工通过键盘敲入数据,而好过通过剪贴板复制粘贴。

我们先来看下实现后的效果:

输入新密码

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

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

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

界面代码

复制代码 代码如下:

<body>

<form id="form1" runat="server">

<div align="center">

<fieldset>

<table cellpadding="3" cellspacing="3" border="0">

<tr>

<td colspan="2">

修改密码

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类