网页软键盘让你的密码输入更加安全

最新推荐文章于 2023-11-02 20:04:24 发布

创世宇图

最新推荐文章于 2023-11-02 20:04:24 发布

阅读量2.9k

点赞数

分类专栏： ASP.NET学习随笔文章标签： button javascript null table input string

本文链接：https://blog.csdn.net/xiaoma0529/article/details/6320596

版权

本文介绍了一个网页软键盘的实现方法，通过JavaScript编写，用于增强密码输入的安全性。用户点击软键盘按钮输入密码，避免了键盘监听等安全隐患。文章提供了完整的HTML和JavaScript代码示例，演示如何在网页中集成此功能。

摘要由CSDN通过智能技术生成

效果如图：

源代码如下：（HTML文件保存为HTML文件可直接运行使用）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>

</head>
<body onLoad="MM_dragLayer('softkeybord','',0,0,356,30,true,false,-1,-1,-1,-1,false,false,0,'',false,'')">
<table width="700" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}