js 经过修改改良的全浏览器支持的软键盘,随机排列

首先说明,是参考的qq36622469发布的js软键盘,然后根据里面的使用不太方便的地方进行修改,使其适合在开发中方便引用

效果图:

js 经过修改改良的全浏览器支持的软键盘,随机排列_第1张图片

之前的版本是要在页面中分别添加js的引用,而且还要单独定义样式表,不方便批量调用

<style type="text/css">
.btn_letter {width:25px;BORDER: 1px solid #7b9ebd; PADDING: 1px 1px 0px 2px; FONT-SIZE: 14px; CURSOR: point;  height:20px; COLOR: #075bc3;font-family: Arial;}
.btn_num {width:25px;BORDER:1px solid #7ebf4f; PADDING: 1px 1px 0px 2px;FONT-SIZE: 12px; CURSOR: point; height:20px;COLOR: black; font-family: Arial;}
.btn_input {BORDER:1px solid #2C59AA; PADDING:2px 2px 0px 2px; FONT-SIZE:12px;CURSOR:pointer; COLOR:black; font-family: Arial;}
</style>
<script type="text/javascript" src="JustWalking.js"></script>
</head>
<body>
<div align="center" style="width:50%;height:600px; overflow:hidden;">
    <INPUT id="userPW" name="userPW" type="password" onfocus="softFn.pwInputFocus(this);" onchange="softFn.pwInputChange(this);" 
	maxLength="20"  minLength="6" readOnly />
</div>
<script type="text/javascript" src="softKeyBoard.js"></script>


修改后将样式表分别定义为style.css样式表,并且js动态调用,这样在页面中只需要引用一个js文件,样式表也不用另外调用

<INPUT id="userPWDSoftKey" name="userPW" type="password" maxLength="20"  minLength="6" readOnly />
<script type="text/javascript" src="softKeyBoard.js"></script>
<script type="text/javascript">
	initSoftKeyBoard("userPWDSoftKey");
</script>

具体源代码可以在这里下载:http://download.csdn.net/detail/songylwq/4999645

 

 

 

 

你可能感兴趣的:(js 经过修改改良的全浏览器支持的软键盘,随机排列)