登录软键盘

j2eemylove
浏览: 242658 次
性别:
来自: 上海
最近访客更多访客>>

u012363178
392091
tuzi90
小*子
博主相关

博客
微博
相册
留言
关于我
文章分类

社区版块

存档分类

博客分类：
JavaScript
JavaScript HTML F#J#
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

<BODY>
  <FORM name="form1" METHOD=POST ACTION="">
	<TABLE>
	<TR>
			<TD HEIGHT="40">
					<FONT COLOR="0873B0"><STRONG>密&nbsp;&nbsp;码</STRONG></FONT>&nbsp;<a onclick="clickKeyboard(curEditPwd)" style={cursor:hand;}><img src="images\keyboard.jpg" alt="打开软键盘" width="16" height="16" border="0"></a>
			</TD>
			<TD><INPUT name="password" TYPE="password" style="width:150px" onselect="document.selection.empty()" oncopy="document.selection.empty()" ></TD>
	</TR>
	</TABLE>
  </FORM>
 </BODY>
</HTML>

<script language="javascript" type="text/javascript"><!-- 
//定义当前是否大写的状态 
var CapsLockValue=0;
var check; 

//------------------------------------------------------------------------
var MyString =  '0,1,2,3,4,5,6,7,8,9,a,b';
var MyString2 = 'c,d,e,f,g,h,i,j,k,l,m,n';
var MyString3 = 'o,p,q,r,s,t,u,v,w,x,y,z';
var MyString4 = '~,!,@,#,$,%,^,&,*,(,),_';
var MyString5 = '+,-,=,[,],{,},|,:,/,<,>,?';

//随机数生成
function Rand(){
	return Math.floor(Math.random() * MyLen);
}

var MyArray = MyString.split(",");
var MyLen = MyArray.length;
//动态生成软键盘中显示的字符顺序
var Order = new Array();
var Temp;
for (var i = 0; i < MyLen; i++){
	Order.push(i);
}
for (var i = 0; i < MyLen; i++){
	var a = Rand();
	var b = Rand();
	Temp = Order[a];
	Order[a] = Order[b];
	Order[b] = Temp;
}
function CreateKeyWords(){
	for (var i = 0; i < MyLen; i++){
		document.write("<td><input type=button onclick=\"addValue(\'"+MyArray[Order[i]]+"\');\" value=\""+MyArray[Order[i]]+"\" style=\"width:30; height:21\"></td>");
	}
}

var MyArray2 = MyString2.split(",");
var MyLen2 = MyArray2.length;
//动态生成软键盘中显示的字符顺序
var Order2 = new Array();
var Temp2;
for (var i = 0; i < MyLen2; i++){
	Order2.push(i);
}
for (var i = 0; i < MyLen2; i++){
	var a2 = Rand();
	var b2 = Rand();
	Temp2 = Order2[a2];
	Order2[a2] = Order2[b2];
	Order2[b2] = Temp2;
}
function CreateKeyWords2(){
	for (var i = 0; i < MyLen2; i++){
		document.write("<td><input type=button onclick=\"addValue(\'"+MyArray2[Order2[i]]+"\');\" value=\""+MyArray2[Order2[i]]+"\" style=\"width:30; height:21\"></td>");
	}
}

var MyArray3 = MyString3.split(",");
var MyLen3 = MyArray3.length;
//动态生成软键盘中显示的字符顺序
var Order3 = new Array();
var Temp3;
for (var i = 0; i < MyLen3; i++){
	Order3.push(i);
}
for (var i = 0; i < MyLen3; i++){
	var a3 = Rand();
	var b3 = Rand();
	Temp3 = Order3[a3];
	Order3[a3] = Order3[b3];
	Order3[b3] = Temp3;
}
function CreateKeyWords3(){
	for (var i = 0; i < MyLen3; i++){
		document.write("<td><input type=button onclick=\"addValue(\'"+MyArray3[Order3[i]]+"\');\" value=\""+MyArray3[Order3[i]]+"\" style=\"width:30; height:21\"></td>");
	}
}

var MyArray4 = MyString4.split(",");
var MyLen4 = MyArray4.length;
//动态生成软键盘中显示的字符顺序
var Order4 = new Array();
var Temp4;
for (var i = 0; i < MyLen4; i++){
	Order4.push(i);
}
for (var i = 0; i < MyLen4; i++){
	var a4 = Rand();
	var b4 = Rand();
	Temp4 = Order4[a4];
	Order4[a4] = Order4[b4];
	Order4[b4] = Temp4;
}
function CreateKeyWords4(){
	for (var i = 0; i < MyLen4; i++){
		document.write("<td><input type=button onclick=\"addValue(\'"+MyArray4[Order4[i]]+"\');\" value=\""+MyArray4[Order4[i]]+"\" style=\"width:30; height:21\"></td>");
	}
}

var MyArray5 = MyString5.split(",");
var MyLen5 = MyArray5.length;
//动态生成软键盘中显示的字符顺序
var Order5 = new Array();
var Temp5;
for (var i = 0; i < MyLen5; i++){
	Order5.push(i);
}
for (var i = 0; i < MyLen5; i++){
	var a5 = Rand();
	var b5 = Rand();
	Temp5 = Order5[a5];
	Order5[a5] = Order5[b5];
	Order5[b5] = Temp5;
}
function CreateKeyWords5(){
	for (var i = 0; i < MyLen5; i++){
		document.write("<td><input type=button onclick=\"addValue(\'"+MyArray5[Order5[i]]+"\');\" value=\""+MyArray5[Order5[i]]+"\" style=\"width:30; height:21\"></td>");
	}
}
//-----------------------------------------------------------------------


document.write (' <DIV align=center id=\"softkeyboard\" name=\"softkeyboard\" style=\"position:absolute; left:260px; top:87px; width:517px; z-index:180;display:none\">'); 
document.write (' <table width=\"348\" border=\"0\" align=\"center\" cellpadding=\"3\" cellspacing=\"1\" bgcolor=\"#CDCDCD\">'); 
document.write (' <FORM name=Calc action=\"\" method=post autocomplete=\"off\">'); 
document.write (' <INPUT type=hidden value=ok name=action2>'); 
document.write (' <tr> '); 
document.write (' <td align=\"right\" bgcolor=\"#CDCDCD\" align=\"center\"> '); 
document.write ('<input type=\"hidden\" name=\"yyr\" value=\"\"> <INPUT class=button type=button value=输错重来 name=\"Submit23\" onclick=\"ResetInput();\"> '); 
document.write (' <input class=button type=button value=\"关闭\" name=\"Submit222\" onclick=\"closekeyboard(curEditName);\">    </td>'); 
document.write (' </tr>'); 
document.write (' <tr> '); 
document.write (' <td align=\"center\" bgcolor=\"#FFFFFF\" align=\"center\"> <table align=\"center\" width=\"98%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">'); 
document.write (' <tr align=\"left\" valign=\"middle\"> '); 

CreateKeyWords();

document.write (' <td><input name=\"button10\" type=button value=\" BackSpace\" onclick=\"setpassvalue();\"> '); 
document.write (' </td>'); 
document.write (' <td>&nbsp;</td>'); 
document.write (' </tr>'); 
document.write (' <tr align=\"left\" valign=\"middle\"> '); 

CreateKeyWords2();

document.write (' <td><input name=\"button12\" type=button onclick=\"OverInput(curEditName);\" value=\" Enter \"> '); 
document.write (' </td>'); 
document.write (' <td> '); 
document.write (' </td>'); 
document.write (' </tr>'); 
document.write (' <tr align=\"left\" valign=\"middle\"> '); 

CreateKeyWords3();

document.write (' <td colspan=\"2\"><input name=\"button9\" type=button onClick=\"setCapsLock();\" value=\"切换大/小写\"></td>'); 
document.write (' </tr>'); 
document.write (' <tr align=\"left\" valign=\"middle\"> '); 

CreateKeyWords4();

document.write (' <td colspan=\"2\"> '); 
document.write (' <input name=\"showCapsLockValue\" type=button value=\"当前是小写 \"></td>'); 
document.write (' </tr>'); 
document.write (' <tr align=\"left\" valign=\"middle\"> '); 

CreateKeyWords5();

document.write (' </tr>'); 
document.write (' </table></td>'); 
document.write (' </tr>'); 
document.write (' </FORM>'); 
document.write (' </table>'); 
document.write ('</DIV>'); 

//给输入的密码框添加新值 
function addValue(newValue) 
{ 
	if (CapsLockValue==0) 
	{ 
		//Calc.password.value += newValue; 
		form1.password.value += newValue; 
	} 
	else 
	{ 
		//Calc.password.value += newValue.toUpperCase(); 
		form1.password.value += newValue.toUpperCase(); 
	} 
}

//实现BackSpace键的功能 
function setpassvalue() 
{ 
	//var longnum=Calc.password.value.length; 
	var longnum=form1.password.value.length; 
	var num 
	//num=Calc.password.value.substr(0,longnum-1); 
	//Calc.password.value=num; 
	num=form1.password.value.substr(0,longnum-1); 
	form1.password.value=num;
}

//输入完毕 
function OverInput(theForm) 
{ 
	theForm = Calc.yyr.value;
	eval("var theForm="+theForm+";"); 
	
	//theForm.value=Calc.password.value;
	
	softkeyboard.style.display="none";
	//Calc.password.value=""; 
	Calc.yyr.value=""; 
}

//输错重来
function ResetInput(){
	//Calc.password.value="";
	form1.password.value="";
}

//关闭软键盘 
function closekeyboard(theForm) 
{ 
	//eval("var theForm="+theForm+";"); 
	//theForm.value=""; 
	softkeyboard.style.display="none"; 
	//Calc.password.value="";
}

//显示软键盘 
function showkeyboard(value) 
{ 
	softkeyboard.style.display="block"; 
	Calc.yyr.value=value;
} 

function clickKeyboard(value){
	var ss = softkeyboard.style.display;
	if(ss=='none'){
		showkeyboard(value);
	}else if(ss=='block'){
		closekeyboard(value);
	}
}

//设置是否大写的值 
function setCapsLock() 
{ 
	if (CapsLockValue==0) 
	{ 
		CapsLockValue=1 
		Calc.showCapsLockValue.value="当前是大写 "; 
	} 
	else 
	{ 
		CapsLockValue=0 
		Calc.showCapsLockValue.value="当前是小写 "; 
	} 
} 

//--> 

</script> 

<script> 
	//定义当前需用软键盘的表单和控件的名称 
	var curEditName 
	curEditName="form1.loginName";
	var curEditPwd 
	curEditPwd="form1.password";
	var curValidateCode
	curValidateCode="form1.validateCode";
	var curSmsValidateCode
	curSmsValidateCode = "form1.smsValidateCode";
</script>
分享到：