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

本文链接：https://blog.csdn.net/songylwq/article/details/8505721

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

效果图：

之前的版本是要在页面中分别添加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" οnfοcus="softFn.pwInputFocus(this);" οnchange="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