【JavaScript】中国建设很行使用的软键盘

 css/before_login.css

1. #Page_content {
2. width:860px;
3. padding:0 20px;
4. margin:0 auto;
5. background:#fff;
6. }
7. #Header {
8. background:url(../images5/blue/header_bg.gif) left top repeat-x;
9. }
10. #Page_left {
11. width:660px;
12. margin:12px 0 15px 0;
13. float:left;
14. }
15. #Page_right {
16. float:right;
17. width:180px;
18. margin:15px 0 15px 0;
19. }
20. #Footer {
21. padding:5px 2px 20px 2px;
22. text-align:left;
23. color:#aaa;
24. border-top:1px solid #eee;
25. }
27. .Area_title {
28. border-top:2px solid #69c;
29. padding:7px 2px 7px 0;
30. font-size:13px;font-weight:bold;
31. color:#004d99;
32. margin-top:10px;
33. }
34. .Area_content {
35. padding:3px 0 10px 0;
36. }
37. .Area_button {
38. padding-left:90px;
39. margin-top:7px;
40. }
41. .Area_button img {vertical-align:5px;}
42. .float_left {float:left;}
43. .float_right {float:right;}
44. .content_title {
45. color:#999;
46. font-weight:bold;
47. padding:16px 0 8px 0;
48. }
49. .relative {
50. margin:7px 0 0 0;
51. list-style:inside url(../images5/blue/icon_list.gif);
52. background:transparent;
53. padding:3px 0 0 0;
54. border-top:2px solid #69c;
55. }
56. .relative li {
57. margin:3px 0 0 0;
58. padding:1px 0;
59. font-weight:normal;
60. color:#777;
61. border-bottom:1px solid #ddd;
62. }
64. * { 
65. margin:0; 
66. padding:0; 
67. } 
68. body {
69. background:#eee;
70. }
71. body,div,td,span,select,p {
72. font:12px "宋体",Tahoma;
73. color:#505050;
74. }
75. img {border:0;}
76. a {
77. color:#039;
78. text-decoration:none;
79. }
80. a:hover {
81. color:#b20;
82. text-decoration:none;
83. }
84. input {
85. font:12px "宋体",Tahoma;
86. }
87. input.button {
88. color:#fff;
89. background:#a74d4a url(../images5/blue/button_bg.gif) left top repeat-x;
90. padding:4px 10px 1px 10px;
91. margin-right:10px;
92. border:0;
93. cursor:hand;
94. }
95. input.button_dis {
96. color:#fff;
97. padding:4px 10px 1px 10px;
98. margin-right:10px;
99. border:0;
100. cursor:hand;
101. }
102. ul {
103. margin:0;
104. list-style:outside url(../images5/blue/icon_list.gif);
105. background:url(../images5/icon_ul.gif) left top no-repeat;
106. padding-left:17px;
107. color:#999;
108. font-weight:bold;
109. }
110. li {
111. margin:3px 0 0 0;
112. padding:1px 0;
113. font-weight:normal;
114. color:#505050;
115. }
117. .clear {clear:both;}
118. .top_margin {margin:46px 8px 0 0;}
119. .text_bold {font-weight:bold;}
120. .step_on .text_content {color:#555;}
121. .text_content {padding:3px 8px;border-bottom:1px solid #eee;}
122. .text_red {color:#b20;}
123. a.text_red:hover {color:#777;} 
124. .req {font-weight:bold;color:#b20;}
125. .info {color:#777;}
126. .dark {color:#555;}
127. .text_big {font-size:14px;color:#444;line-height:20px;} 
128. .big {font-size:14px;}
129. .reg_flow {font-size:12px;font-weight:normal;color:#777;margin:16px 8px 12px 8px;padding:5px 0px 3px 20px;background:#f0f0f0;}
130. .reg_title {
131. background:url(../images5/icon_reg.gif) left top no-repeat;
132. padding:4px 0 4px 26px;
133. font-size:13px;font-weight:bold;
134. color:#004d99;
135. }
136. .flow_focus {font-weight:bold;color:#b20;}
137. .flow_undo {color:#777;}
138. .flow_done {color:#777;}
139. .image_safe {
140. background:url(../images5/icon_safe_big.gif) left top no-repeat;
141. padding-left:78px;
142. }
143. .text_success {
144. background:#f0f7ff url(../images5/blue/icon_success.gif) 5px 50% no-repeat;
145. border:1px solid #69c;
146. padding:35px 10px 35px 134px;
147. }
148. .text_notice {
149. background:#f0f7ff url(../images5/blue/icon_gantan.gif) 5px 50% no-repeat;
150. border:1px solid #69c;
151. padding:35px 10px 35px 134px;
152. }
153. .reg_info {
154. background:#f0f7ff url(../images5/blue/icon_info.gif) 7px 50% no-repeat;
155. border:1px solid #69c;
156. padding:5px 5px 5px 45px;
157. }
159. .step_on .tip_off {
160. border:1px solid #d0e0ef;
161. background:#fff url(../images5/blue/arr_tip_off.gif) 4px 6px no-repeat;
162. padding:4px 2px 1px 14px;
163. color:#555;
164. }
165. .tip_off {
166. background:#fff url(../images5/blue/arr_tip_off.gif) 4px 6px no-repeat;
167. padding:5px 3px 2px 15px;
168. color:#777;
169. }
170. .tip_on {
171. border:1px solid #090;
172. background:#e9fde9 url(../images5/blue/arr_tip_on.gif) 4px 6px no-repeat;
173. padding:4px 3px 1px 14px;
174. color:#444;
175. }
176. .tip_on img,
177. .tip_off img{
178. vertical-align:top;
179. }
180. .step_on {background:#f4f4f4;padding:0 10px;}
181. .step_off {background:#fff;padding:0 10px;}
182. .step_on .content_title {color:#444;}
183. p {
184. text-indent:2em;
185. margin:6px 0;
186. }
187. .btn_letter {
188. BORDER-RIGHT: #5C08B2;
189. BORDER-TOP: #7b9ebd;
190. FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#DDDCDC);
191. BORDER-LEFT: #7b9ebd;
192. COLOR: black; 
193. BORDER-BOTTOM: #5C08B2;
194. color:#075BC3;
195. }
196. .btn_num {
197. BORDER-RIGHT: #7EBF4F; 
198. BORDER-TOP: #7EBF4F; 
199. FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997);
200. BORDER-LEFT: #7EBF4F;
201. COLOR: black;
202. BORDER-BOTTOM: #7EBF4F;
203. }

js/ccblogin.js

1. function aClock(){
2.   var now=new Date();
3.   var hour=now.getHours();
4.   var min=now.getMinutes();
5.   var sec=now.getSeconds();
6.   var year=now.getYear();
7.   var month=now.getMonth()+1;
8.   var date=now.getDate();
9.   var dateStr = year+"-"+month+"-"+date;
10.   var timeStr = " " + hour;
11.   timeStr+=((min<10)?":0":":")
12.                   +min;
13.   timeStr+=((sec<10)?":0":":")+sec;
14.   document.all.clock_date.innerText = dateStr;
15.   document.all.clock_time.innerText = timeStr;
16.   clockId = setTimeout("aClock()",1000);
17. }
20. function autoCheck(){
21.   var fm = document.forms[0];
22.   var count = fm.elements.length;
23.   var varStartDate = "";
24.   for (var i = 0 ; i <count; i++){
25.      //只检查:type=text的input、textarea、select
26.      if( typeof fm[i]!='object' //对象
27.             || !(
28.             fm[i].tagName=='INPUT' && (fm[i].type.toUpperCase()=='TEXT' || fm[i].type.toUpperCase()=='PASSWORD')
29.             || fm[i].tagName=='TEXTAREA'
30.             || fm[i].tagName=='SELECT'
31.             ) ) continue;
32.      //只读、失效、设置为非自动检查的不检查
33.      if( fm[i].readOnly || //只读
34.           fm[i].disabled || //失效
35.           ((typeof fm[i].autocheck) != "undefined" && fm[i].autocheck == "false") ){ //设置为非自动检查
36.         continue;
37.           }
38.      var varTitle = fm[i].title;
39.     //检查title
40.     if((typeof varTitle) == "undefined" || varTitle == ""){
41.       alert("系统错误！当前输入域没有定义title 属性！");
42.       fm[i].focus();
43.       return false;
44.     }
45.     //检查minLength属性
46.     if( (typeof fm[i].minLength) == "undefined" || fm[i].minLength == "" ){
47.       alert("系统错误！"+varTitle+"没有定义minLength属性！");
48.       fm[i].focus();
49.       return false;
50.     }
51.     if( fm[i].minLength>0){
52.         if(getLength( trim(fm[i].value) )==0){
53.             alert(varTitle+"不能为空！");
54.         fm[i].focus();
55.         return false;
56.       }
57.     else if(getLength( trim(fm[i].value) ) < fm[i].minLength){
58.         alert(varTitle+"长度不够，不能少于"+fm[i].minLength+"个字符！");
59.         fm[i].focus();
60.         return false;
61.     }
62.     }
63.      if(fm[i].tagName=='SELECT') continue;
64.     //检查maxLength属性
65.         if( ((typeof fm[i].maxLength) == "undefined" || fm[i].maxLength == "" || fm[i].maxLength == "2147483647")){
66.           alert("系统错误！"+varTitle+"没有定义maxLength属性！");
67.           fm[i].focus();
68.           return false;
69.         }
70.     svalue=fm[i].value
71.     if( fm[i].checkClass != "IsAmt"){
72.         if( (getLength(trim(svalue)) > fm[i].maxLength)){
73.             alert(varTitle+"长度过长，不能超过"+fm[i].maxLength+"个字符！");
74.           fm[i].focus();
75.           return false;
76.         }
77.     }
78.      //数据类型
79.      var classStr = fm[i].checkClass;
80.      var varValue = fm[i].value;
81.     //检查输入域数据类型
82.     if( (typeof classStr) == "undefined" || classStr == "" ) continue;
83.     //整型
84.     if(classStr=='isInteger' && !isInteger(varValue)){
85.         alert(varTitle+"只能输入整数！");
86.        fm[i].focus();
87.        return false;
88.     }
89.     //不为0的数字
90.     if(classStr=='isInteger0' && !isPstInteger(varValue)){
91.         alert(varTitle+"只能输入正整数！");
92.        fm[i].focus();
93.        return false;
94.     }
95.     //金额
96.     if(classStr=='IsAmt'&&!IsAmt(i,varTitle)){
97.        fm[i].focus();
98.        return false;
99.     }
100.     //和当前日期比较
101.     if( classStr=='IsOverStepToday' &&  trim(varValue)!='' && (!isDate(varValue) || varValue>getCurrentDate()) ){
102.         alert(varTitle+"不能大于当前日期或日期输入不合法！");
103.        fm[i].focus();
104.        return false;
105.     }
106.     //和开始日期比较1
107.     if( classStr=='CompareDate1' && trim(varValue)!='' &&  (!isDate(varValue) || varValue<fm[i-1].value) ){
108.         alert(varTitle+"不能小于"+fm[i-1].title+"或日期输入不合法！");
109.        fm[i].focus();
110.        return false;
111.     }
112.     //和开始日期比较2
113.     if( classStr=='CompareDate2' && trim(varValue)!='' && (!isDate(varValue) || varValue<=fm[i-1].value) ){
114.         alert(varTitle+"必须大于"+fm[i-1].title+"或日期输入不合法！");
115.        fm[i].focus();
116.        return false;
117.     }
118. if( classStr=='isDate' && trim(varValue)!='' && (!isDate(varValue)) ){
119.         alert(varTitle+"日期输入不合法！");
120.        fm[i].focus();
121.        return false;
122.     }   
123.  }
124.     if((typeof fm['PAGE'])!="undefined") fm['PAGE'].value="1";
125.     return true;
126. }
128. //获取字符的长度,考虑中文
129. function getLength(inputValue){
130.   var j = 0;
131.   for (var i = 0;i< inputValue.length;i++){
132.     if (inputValue.charAt(i) >"~")
133.       j = j + 2
134.     else
135.       j = j + 1
136.   }
137.   return j;
138. }
140. function trim(srcstr){
141.   return lTrim(rTrim(srcstr))
142. }
144. function lTrim(srcstr){
145.   var ltnStr;
146.   ltnStr="";
147.   for (var i=0;i<srcstr.length;i++){
148.     if (srcstr.charAt(i)!=" " && srcstr.charAt(i)!="　"){
149.       ltnStr=srcstr.substr(i);
150.       break;
151.     }
152.   }
153.   return ltnStr;
154. }
156. function rTrim(srcstr){
157.   var rtnStr;
158.   rtnStr="";
159.   for (var i=srcstr.length-1;i>=0;i--){
160.     if (srcstr.charAt(i)!=" " && srcstr.charAt(i)!="　"){
161.       rtnStr=srcstr.substring(0,i+1);
162.       break;
163.     }
164.   }
165.   return rtnStr;
166. }
167. function sizeChangeForAd(heigetValue) 
168. { 
169.     if(parent.document.all.ad!=null&&document!=null) {
170.         if(arguments.length==1){
171.             parent.document.all.ad.height=heigetValue;
172.         }else{
173.             parent.document.all.ad.height=document.body.scrollHeight; 
174.         }
175.     }
176. }

cs/ccbsoftkeyboard.js

1. var password1;
3. window.onload=function (){  
4.     password1=null; 
5.     initCalc();     
6. }
8. var CapsLockValue=0;
9. var checkSoftKey;
10. var pIsPWD=false;
11. var ps;
12. var ifUseYinshe='1';
13. var jiami=0;
14. var keyjiami=0;
15. var hidekeyboard=true;
16. var ifjiami = false; //设置键盘输入时是否需要加密，如果需要加密，则设为true,否则设为false
18. var a=new Array([16]);
19. a[0]='S';
20. a[1]='0';
21. a[2]='0';
22. a[3]='0';
23. a[4]='0';
24. a[5]='0';
25. a[6]='0';
26. a[7]='0';
27. a[8]='2';
28. a[9]='7';
29. a[10]='4';
30. a[11]='6';
31. a[12]='1';
32. a[13]='3';
33. a[14]='2';
34. a[15]='5';
35. var b=new Array([190]);
36. b[0]='G';
37. b[1]=' ';
38. b[2]='R';
39. b[3]='M';
40. b[4]='W';
41. b[5]='N';
42. b[6]='u';
43. b[7]='B';
44. b[8]='v';
45. b[9]='V';
46. b[10]='=';
47. b[11]='C';
48. b[12]=',';
49. b[13]='X';
50. b[14]='M';
51. b[15]='Z';
52. b[16]='%';
53. b[17]='L';
54. b[18]='_';
55. b[19]='K';
56. b[20]='c';
57. b[21]='J';
58. b[22]='s';
59. b[23]='H';
60. b[24]='k';
61. b[25]='G';
62. b[26]='@';
63. b[27]='F';
64. b[28]='+';
65. b[29]='D';
66. b[30]='~';
67. b[31]='S';
68. b[32]='$';
69. b[33]='A';
70. b[34]='&';
71. b[35]='P';
72. b[36]='y';
73. b[37]='O';
74. b[38]='[';
75. b[39]='I';
76. b[40]='-';
77. b[41]='U';
78. b[42]='p';
79. b[43]='Y';
80. b[44]='V';
81. b[45]='T';
82. b[46]='*';
83. b[47]='R';
84. b[48]='K';
85. b[49]='E';
86. b[50]='U';
87. b[51]='W';
88. b[52]='w';
89. b[53]='Q';
90. b[54]=']';
91. b[55]='/';
92. b[56]='<';
93. b[57]='.';
94. b[58]='n';
95. b[59]=',';
96. b[60]='d';
97. b[61]='?';
98. b[62]='B';
99. b[63]='>';
100. b[64]='`';
101. b[65]='<';
102. b[66]='b';
103. b[67]='m';
104. b[68]='o';
105. b[69]='n';
106. b[70]='P';
107. b[71]='b';
108. b[72]='{';
109. b[73]='v';
110. b[74]='L';
111. b[75]='c';
112. b[76]='l';
113. b[77]='x';
114. b[78]='r';
115. b[79]='z';
116. b[80]='T';
117. b[81]='/'';
118. b[82]='?';
119. b[83]=';';
120. b[84]='8';
121. b[85]='"';
122. b[86]='h';
123. b[87]=':';
124. b[88]='Z';
125. b[89]='l';
126. b[90]='i';
127. b[91]='k';
128. b[92]='f';
129. b[93]='j';
130. b[94]='x';
131. b[95]='h';
132. b[96]='1';
133. b[97]='g';
134. b[98]='5';
135. b[99]='f';
136. b[100]='E';
137. b[101]='d';
138. b[102]='g';
139. b[103]='s';
140. b[104]='J';
141. b[105]='a';
142. b[106]='t';
143. b[107]=']';
144. b[108]='!';
145. b[109]='[';
146. b[110]='N';
147. b[111]='}';
148. b[112]='m';
149. b[113]='{';
150. b[114]='|';
151. b[115]='p';
152. b[116]='A';
153. b[117]='o';
154. b[118]='6';
155. b[119]='i';
156. b[120]='(';
157. b[121]='u';
158. b[122]=':';
159. b[123]='y';
160. b[124]='}';
161. b[125]='t';
162. b[126]='^';
163. b[127]='r';
164. b[128]='a';
165. b[129]='e';
166. b[130]='Y';
167. b[131]='w';
168. b[132]='7';
169. b[133]='q';
170. b[134]='/';
171. b[135]='//';
172. b[136]='>';
173. b[137]='=';
174. b[138]='O';
175. b[139]='-';
176. b[140]='Q';
177. b[141]='0';
178. b[142]='2';
179. b[143]='9';
180. b[144]=' ';
181. b[145]='8';
182. b[146]='X';
183. b[147]='7';
184. b[148]='S';
185. b[149]='6';
186. b[150]='z';
187. b[151]='5';
188. b[152]='0';
189. b[153]='4';
190. b[154]='e';
191. b[155]='3';
192. b[156]='H';
193. b[157]='2';
194. b[158]='3';
195. b[159]='1';
196. b[160]='D';
197. b[161]='`';
198. b[162]='I';
199. b[163]='|';
200. b[164]='#';
201. b[165]='+';
202. b[166]=';';
203. b[167]='_';
204. b[168]='q';
205. b[169]=')';
206. b[170]='/'';
207. b[171]='(';
208. b[172]='4';
209. b[173]='*';
210. b[174]='//';
211. b[175]='&';
212. b[176]='C';
213. b[177]='^';
214. b[178]='F';
215. b[179]='%';
216. b[180]='"';
217. b[181]='$';
218. b[182]='9';
219. b[183]='#';
220. b[184]='.';
221. b[185]='@';
222. b[186]='j';
223. b[187]='!';
224. b[188]=')';
225. b[189]='~';
227. function setVariables(){
228.     
229.     tablewidth=630; 
230.     tableheight=20; 
231.     if(navigator.appName=="Netscape"){
232.         
233.         horz=".left";       
234.         vert=".top";        
235.         docStyle="document.";       
236.         styleDoc="";        
237.         innerW="window.innerWidth";     
238.         innerH="window.innerHeight";        
239.         offsetX="window.pageXOffset";       
240.         offsetY="window.pageYOffset";       
241.         
242.     }
243.     else {
244.         
245.         horz=".pixelLeft";      
246.         vert=".pixelTop";       
247.         docStyle="";        
248.         styleDoc=".style";      
249.         innerW="document.body.clientWidth";     
250.         innerH="document.body.clientHeight";        
251.         offsetX="document.body.scrollLeft";     
252.         offsetY="document.body.scrollTop";      
253.         
254.     }
255.     
256. }
257. function checkLocation(){
258.     
259.     if(checkSoftKey){
260.         
261.         objectXY="softkeyboard";        
262.         var availableX=eval(innerW);        
263.         var availableY=eval(innerH);        
264.         var currentX=eval(offsetX);     
265.         var currentY=eval(offsetY);     
266.         x=availableX-tablewidth+currentX;       
267.         y=currentY;     
268.         evalMove();     
269.         
270.     }
271.     setTimeout("checkLocation()",0);    
272.     
273. }
274. function evalMove(){
275.     
276.     eval(docStyle+objectXY+styleDoc+vert+"="+y);    
277.     
278. }
279. self.onError=null;
280. currentX=currentY=0;
282. whichIt=null;
284. lastScrollX=0;
285. lastScrollY=0;
286. NS=(document.layers)?1:0;
287. IE=(document.all)?1:0;
288. function heartBeat(){
289.     
290.     if(IE){
291.         diffY=document.body.scrollTop;
292.         diffX=document.body.scrollLeft;
293.         
294.     }
295.     if(NS){
296.         diffY=self.pageYOffset;
297.         diffX=self.pageXOffset;
298.         
299.     }
300.     if(diffY!=lastScrollY){
301.         
302.         percent=.1*(diffY-lastScrollY);     
303.         if(percent>0)percent=Math.ceil(percent);        
304.         else percent=Math.floor(percent);       
305.         if(IE)document.all.softkeyboard.style.pixelTop+=percent;        
306.         if(NS)document.softkeyboard.top+=percent;
307.         
308.         lastScrollY=lastScrollY+percent;
309.         
310.     }
311.     if(diffX!=lastScrollX){
312.         
313.         percent=.1*(diffX-lastScrollX);     
314.         if(percent>0)percent=Math.ceil(percent);        
315.         else percent=Math.floor(percent);       
316.         if(IE)document.all.softkeyboard.style.pixelLeft+=percent;       
317.         if(NS)document.softkeyboard.left+=percent;      
318.         lastScrollX=lastScrollX+percent;
319.         
320.     }
321. }
322. function checkFocus(x,y){
323.     
324.     stalkerx=document.softkeyboard.pageX;   
325.     stalkery=document.softkeyboard.pageY;   
326.     stalkerwidth=document.softkeyboard.clip.width;  
327.     stalkerheight=document.softkeyboard.clip.height;    
328.     if((x>stalkerx&&x<(stalkerx+stalkerwidth))&&(y>stalkery&&y<(stalkery+stalkerheight)))return true;   
329.     else return false;
330.     
331. }
332. function grabIt(e){
333.     
334.     checkSoftKey=false; 
335.     if(IE){
336.         
337.         whichIt=event.srcElement;       
338.         while(whichIt.id!=null&&whichIt.id.indexOf("softkeyboard")==-1){
339.             
340.             whichIt=whichIt.parentElement;          
341.             if(whichIt==null){
342.                 return true;
343.                 
344.             }
345.         }
346.         if(whichIt.style!=null){
347.             
348.             whichIt.style.pixelLeft=whichIt.offsetLeft;         
349.             whichIt.style.pixelTop=whichIt.offsetTop;           
350.             
351.         }
352.         currentX=(event.clientX+document.body.scrollLeft);      
353.         currentY=(event.clientY+document.body.scrollTop);
354.         
355.         
356.     }else {
357.         
358.         window.captureEvents(Event.MOUSEMOVE);      
359.         if(checkFocus(e.pageX,e.pageY)){
360.             
361.             whichIt=document.softkeyboard;          
362.             StalkerTouchedX=e.pageX-document.softkeyboard.pageX;            
363.             StalkerTouchedY=e.pageY-document.softkeyboard.pageY;
364.             
365.         }
366.     }
367.     return true;
368.     
369. }
370. function moveIt(e){
371.     
372.     if(whichIt==null){
373.         return false;
374.         
375.     }
376.     if(IE){
377.         
378.         if(whichIt.style!=null){
379.             
380.             newX=(event.clientX+document.body.scrollLeft);          
381.             newY=(event.clientY+document.body.scrollTop);           
382.             distanceX=(newX-currentX);
383.             distanceY=(newY-currentY);          
384.             currentX=newX;
385.             currentY=newY;          
386.             whichIt.style.pixelLeft+=distanceX;         
387.             whichIt.style.pixelTop+=distanceY;          
388.             if(whichIt.style.pixelTop<document.body.scrollTop)whichIt.style.pixelTop=document.body.scrollTop;           
389.             if(whichIt.style.pixelLeft<document.body.scrollLeft)whichIt.style.pixelLeft=document.body.scrollLeft;           
390.             if(whichIt.style.pixelLeft>document.body.offsetWidth-document.body.scrollLeft-whichIt.style.pixelWidth-20)whichIt.style.pixelLeft=document.body.offsetWidth-whichIt.style.pixelWidth-20;            
391.             if(whichIt.style.pixelTop>document.body.offsetHeight+document.body.scrollTop-whichIt.style.pixelHeight-5)whichIt.style.pixelTop=document.body.offsetHeight+document.body.scrollTop-whichIt.style.pixelHeight-5;         
392.             event.returnValue=false;            
393.             
394.         }
395.         
396.     }else {
397.         
398.         whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);        
399.         if(whichIt.left<0+self.pageXOffset)whichIt.left=0+self.pageXOffset;     
400.         if(whichIt.top<0+self.pageYOffset)whichIt.top=0+self.pageYOffset;       
401.         if((whichIt.left+whichIt.clip.width)>=(window.innerWidth+self.pageXOffset-17))whichIt.left=((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;        
402.         if((whichIt.top+whichIt.clip.height)>=(window.innerHeight+self.pageYOffset-17))whichIt.top=((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;      
403.         return false;
404.         
405.     }
406.     return false;
407.     
408. }
409. function dropIt(){
410.     whichIt=null;   
411.     if(NS)window.releaseEvents(Event.MOUSEMOVE);    
412.     return true;
413.     
414. }
415. if(NS){
416.     window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);    
417.     window.onmousedown=grabIt;  
418.     window.onmousemove=moveIt;  
419.     window.onmouseup=dropIt;
420.     
421. }
422. if(IE){
423.     
424.     document.onmousedown=grabIt;    
425.     document.onmousemove=moveIt;    
426.     document.onmouseup=dropIt;
427.     
428. }
429. var style1="<style>";
430. style1+=".btn_letter {BORDER-RIGHT: 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: 1px solid; PADDING-LEFT: 2px;FONT-SIZE: 14px; BORDER-LEFT: 1px solid; CURSOR: hand;PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; width:25px; height:20px;}";
431. style1+=".btn_num {width:25px;BORDER-RIGHT:1px solid; PADDING-RIGHT: 1px; BORDER-TOP: 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; CURSOR: hand; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid;height:20px;}";
432. style1+=".table_title {FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#B2DEF7, EndColorStr=#7AB7DA); height:26px;padding-top: 3px;}";
433. style1+=".btn_input {BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid}";
434. style1+="</style>";
436. document.write(style1);
438. document.write("<DIV align=center id=/"softkeyboard/" name=/"softkeyboard/" style=/"position:absolute; left:0px; top:0px; width:400px; z-index:180;display:none/"><table id=/"CalcTable/" width=/"/" border=/"0/" align=/"center/" cellpadding=/"0/" cellspacing=/"0/" bgcolor=/"/"><FORM id=Calc name=Calc action=/"/" method=post autocomplete=/"off/"><tr><td class=/"table_title/" title=/"尊敬的客户：为了保证网上交易安全,建议使用密码输入器输入密码!/" align=/"right/" valign=/"middle/" bgcolor=/"/" style=/"cursor: default;height:30/"><INPUT type=hidden value=/"/" name=password><INPUT type=hidden value=ok name=action2> <font style=/"font-weight:bold; font-size:13px; color:#075BC3/">中国建设银行  密码输入器</font>                      <INPUT id=useKey class=/"btn_input/" type=button value=/"使用键盘输入/" bgtype=/"1/" onclick=/"password1.readOnly=0;password1.focus();closekeyboard();password1.value='';/"><span style=/"width:2px;/"></span></td></tr><tr align=/"center/"><td align=/"center/" bgcolor=/"#FFFFFF/"><table align=/"center/" width=/"%/" border=/"0/" cellspacing=/"1/" cellpadding=/"0/">/n<tr align=/"left/" valign=/"middle/"> /n<td> <input type=button value=/" ~ /"></td>/n<td> <input type=button value=/" ! /"></td>/n<td> <input type=button value=/" @ /"></td>/n<td> <input type=button value=/" # /"></td>/n<td> <input type=button value=/" $ /"></td>/n<td><input type=button value=/" % /"></td>/n<td><input type=button value=/" ^ /"></td>/n<td> <input type=button value=/" & /"></td>/n<td><input type=button value=/" * /"></td>/n<td><input type=button value=/" ( /"></td>/n<td><input type=button value=/" ) /"></td>/n<td><input type=button value=/" _ /"></td>/n<td> <input type=button value=/" + /"></td>/n<td><input type=button value=/" | /"></td>/n<td colspan=/"1/" rowspan=/"2/"> <input name=/"button10/" type=button value=/" 退格/" onclick=/"setpassvalue();/"  onDblClick=/"setpassvalue();/" style=/"width:100px;height:40px/"> /n</td>/n</tr>/n<tr align=/"left/" valign=/"middle/"> /n<td><input type=button value=/" ` /"></td>/n<td><input type=button bgtype=/"2/" name=/"button_number1/" value=/" 1 /"></td>/n<td> <input type=button bgtype=/"2/" name=/"button_number2/" value=/" 2 /"></td>/n<td> <input type=button bgtype=/"2/" name=/"button_number3/" value=/" 3 /"></td>/n<td> <input type=button bgtype=/"2/" name=/"button_number4/" value=/" 4 /"></td>/n<td> <input type=button bgtype=/"2/" name=/"button_number5/" value=/" 5 /"></td>/n<td> <input type=button bgtype=/"2/" name=/"button_number6/" value=/" 6 /"></td>/n<td> <input type=button bgtype=/"2/" name=/"button_number7/" value=/" 7 /"></td>/n<td> <input type=button bgtype=/"2/" name=/"button_number8/" value=/" 8 /"></td>/n<td> <input type=button bgtype=/"2/" name=/"button_number9/" value=/" 9 /"></td>/n<td> <input bgtype=/"2/"  name=/"button_number0/" type=button value=/" 0 /"></td>/n<td> <input type=button value=/" - /"></td>/n<td> <input type=button value=/" = /"></td>/n<td> <input type=button value=/" // /"></td>/n<td> </td>/n</tr>/n<tr align=/"left/" valign=/"middle/"> /n<td> <input type=button value=/" q /"></td>/n<td> <input type=button value=/" w /"></td>/n<td> <input type=button value=/" e /"></td>/n<td> <input type=button value=/" r /"></td>/n<td> <input type=button value=/" t /"></td>/n<td> <input type=button value=/" y /"></td>/n<td> <input type=button value=/" u /"></td>/n<td> <input type=button value=/" i /"></td>/n<td> <input type=button value=/" o /"></td>/n<td> <input name=/"button8/" type=button value=/" p /"></td>/n<td> <Input name=/"button9/" type=button value=/" { /"></td>/n<td> <input type=button value=/" } /"></td>/n<td> <input type=button value=/" [ /"></td>/n<td> <input type=button value=/" ] /"></td>/n<td><input name=/"button9/" type=button onClick=/"capsLockText();setCapsLock();/"  onDblClick=/"capsLockText();setCapsLock();/" value=/"切换大/小写/" style=/"width:100px;/"></td>/n</tr>/n<tr align=/"left/" valign=/"middle/"> /n<td> <input type=button value=/" a /"></td>/n<td> <input type=button value=/" s /"></td>/n<td> <input type=button value=/" d /"></td>/n<td> <input type=button value=/" f /"></td>/n<td> <input type=button value=/" g /"></td>/n<td> <input type=button value=/" h /"></td>/n<td> <input type=button value=/" j /"></td>/n<td> <input name=/"button3/" type=button value=/" k /"></td>/n<td> <input name=/"button4/" type=button value=/" l /"></td>/n<td> <input name=/"button5/" type=button value=/" : /"></td>/n<td> <input name=/"button7/" type=button value=/" " /"></td>/n<td> <input type=button value=/" ; /"></td>/n<td> <input type=button value=/" ' /"></td>/n<td rowspan=/"2/" colspan=/"2/"> <input name=/"button12/" type=button onclick=/"OverInput();/" value=/"   确定  /" style=/"width:126px;height:42px;/"></td>/n</tr>/n<tr align=/"left/" valign=/"middle/"> /n<td><input name=/"button2/" type=button value=/" z /"></td>/n<td> <input type=button value=/" x /"></td>/n<td> <input type=button value=/" c /"></td>/n<td> <input type=button value=/" v /"></td>/n<td> <input type=button value=/" b /"></td>/n<td> <input type=button value=/" n /"></td>/n<td> <input type=button value=/" m /"></td>/n<td> <input type=button value=/" < /"></td>/n<td> <input type=button value=/" > /"></td>/n<td> <input type=button value=/" ? /"></td>/n<td> <input type=button value=/" , /"></td>/n <td> <input type=button value=/" . /"></td>/n <td> <input type=button value=/" / /"></td>/n</tr>/n</table></td></FORM></tr></table></DIV>");
440. function addValue(newValue)
441. {
442.     
443.     if(CapsLockValue==0)
444.     {
445.         
446.         var str=Calc.password.value;        
447.         if(str.length<password1.maxLength)
448.         {
449.             
450.             Calc.password.value+=newValue;          
451.             
452.         }
453.         if(str.length<=password1.maxLength)
454.         {
455.             
456.             password1.value=Calc.password.value;            
457.             pspassword1();          
458.             
459.         }
460.         
461.     }
462.     else 
464.     {
465.         
466.         var str=Calc.password.value;        
467.         if(str.length<password1.maxLength)
468.         {
469.             
470.             //Calc.password.value += newValue.toUpperCase();
471.             Calc.password.value+=newValue;          
472.             
473.         }
474.         if(str.length<=password1.maxLength)
475.         {
476.             
477.             password1.value=Calc.password.value;            
478.             pspassword1();          
479.             
480.         }
481.         
482.     }
483.     
484. }
486. function setpassvalue()
487. {
488.     
489.     var longnum=Calc.password.value.length; 
490.     var num
491.     num=Calc.password.value.substr(0,longnum-1);    
492.     Calc.password.value=num;    
493.     var str=Calc.password.value;    
494.     password1.value=Calc.password.value;    
495.     pspassword1();  
496.     
497. }
499. function OverInput()
500. {
501.     
502.     var str=Calc.password.value;    
503.     password1.value=Calc.password.value;    
504.     removeJiamiName();  
505.     pspassword1();  
506.     closekeyboard();    
507.     Calc.password.value=""; 
508.     password1.readOnly=1;   
509.     
510. }
512. function closekeyboard(theForm)
513. {
514.     
515.     softkeyboard.style.display="none";  
516.     if(null!=unhideSelect){
517.         
518.         unhideSelect();     
519.         
520.     }
521.     
522. }
524. function showkeyboard()
525. {
526.     
527.     randomNumberButton();   
528.     var th=password1;   
529.     var ttop=th.offsetTop;  
530.     var thei=th.clientHeight;   
531.     var tleft=th.offsetLeft;    
532.     var ttyp=th.type;   
533.     while(th=th.offsetParent){
534.         ttop+=th.offsetTop;
535.         tleft+=th.offsetLeft;
536.         
537.     }
538.     softkeyboard.style.top=ttop+thei+16;    
539.     softkeyboard.style.left=tleft-100;  
540.     softkeyboard.style.display="block"; 
541.     password1.readOnly=1;   
542.     password1.blur();   
543.     document.all.useKey.focus();    
544.     if(null!=hideSelect){
545.         
546.         hideSelect();       
547.         
548.     }
549.     
550. }
552. function setCapsLock()
553. {
554.     
555.     if(CapsLockValue==0)
556.     {
557.         
558.         CapsLockValue=1
559.         
560.     }
561.     else 
562.     {
563.         
564.         CapsLockValue=0
565.         
566.     }
567.     
568. }
569. function setCalcborder()
570. {
571.     
572.     CalcTable.style.border="1px solid #B5ADF1"
573.     
574. }
575. function setHead()
576. {
577.     
578.     CalcTable.cells[0].style.backgroundColor="#B5ADF1"
579.     
580. }
581. function setCalcButtonBg()
582. {
583.     
584.     for(var i=0;i<Calc.elements.length;i++)
585.     {
586.         
587.         if(Calc.elements[i].type=="button"&&Calc.elements[i].bgtype!="1")
588.         {
589.             
590.             if(Calc.elements[i].bgtype=="2"){
591.                 
592.                 Calc.elements[i].className="btn_num";               
593.                 
594.             }else {
595.                 
596.                 Calc.elements[i].className="btn_letter";                
597.                 
598.             }
599.             var str1=Calc.elements[i].value;            
600.             str1=str1.trim();           
601.             if(str1.length==1)
602.             {
603.                 
604.                 
605.             }
606.             var thisButtonValue=Calc.elements[i].value;         
607.             thisButtonValue=thisButtonValue.trim();         
608.             if(thisButtonValue.length==1)
609.             {
610.                 
611.                 Calc.elements[i].onclick=
612.                 function ()
613.                 {
614.                     
615.                     var thisButtonValue=this.value;                 
616.                     thisButtonValue=thisButtonValue.trim(); 
617.                     //alert("按键加密前:"+thisButtonValue);
618.                     thisButtonValue=jiamiMimaKey(thisButtonValue,ifjiami);
619.                     //alert("加密后："+thisButtonValue);
620.                     addValue(thisButtonValue);                  
621.                     
622.                 }
623.                 Calc.elements[i].ondblclick=
624.                 function ()
625.                 {
626.                     
627.                     var thisButtonValue=this.value;                 
628.                     thisButtonValue=thisButtonValue.trim();
629.                     //alert("按键加密前:"+thisButtonValue);
630.                     thisButtonValue=jiamiMimaKey(thisButtonValue,ifjiami);
631.                     //alert("加密后："+thisButtonValue);
632.                     addValue(thisButtonValue);                  
633.                     
634.                 }
635.                 
636.             }
637.             
638.         }
639.         
640.     }
641.     
642. }
643. function initCalc(){
644.     setCalcborder();    
645.     setHead();  
646.     setCalcButtonBg();  
647. }
649. String.prototype.trim=function (){
650.     return this.replace(/(^/s*)|(/s*$)/g,"");   
651. }
652. var capsLockFlag;
653. capsLockFlag=true;
654. function capsLockText()
655. {
656.     
657.     if(capsLockFlag)
658.     {
659.         
660.         for(var i=0;i<Calc.elements.length;i++)
661.         {
662.             
663.             var char=Calc.elements[i].value;            
664.             var char=char.trim()
665.             if(Calc.elements[i].type=="button"&char>="a"&char<="z"&char.length==1)
666.             {
667.                 
668.                 Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)-32)+" "
669.                 
670.             }
671.             
672.         }
673.         
674.     }
675.     else 
676.     {
677.         
678.         for(var i=0;i<Calc.elements.length;i++)
679.         {
680.             
681.             var char=Calc.elements[i].value;            
682.             var char=char.trim()
683.             if(Calc.elements[i].type=="button"&char>="A"&char<="Z"&char.length==1)
684.             {
685.                 
686.                 Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)+32)+" "
687.                 
688.             }
689.             
690.         }
691.         
692.     }
693.     capsLockFlag=!capsLockFlag; 
694.     
695. }
697. function randomNumberButton(){
698.     
699.     var a=new Array(10);
700.     
701.     a[0]=0;
702.     a[1]=1;
703.     a[2]=2;
704.     a[3]=3;
705.     a[4]=4;
706.     a[5]=5;
707.     a[6]=6;
708.     a[7]=7;
709.     a[8]=8;
710.     a[9]=9; 
711.     var randomNum;  
712.     var times=10;   
713.     for(var i=0;i<10;i++){
714.         
715.         randomNum=parseInt(Math.random()*10);       
716.         var tmp=a[0];       
717.         a[0]=a[randomNum];      
718.         a[randomNum]=tmp;       
719.         
720.     }
721.     Calc.button_number0.value=" "+a[0]+" "; 
722.     Calc.button_number1.value=" "+a[1]+" "; 
723.     Calc.button_number2.value=" "+a[2]+" "; 
724.     Calc.button_number3.value=" "+a[3]+" "; 
725.     Calc.button_number4.value=" "+a[4]+" "; 
726.     Calc.button_number5.value=" "+a[5]+" "; 
727.     Calc.button_number6.value=" "+a[6]+" "; 
728.     Calc.button_number7.value=" "+a[7]+" "; 
729.     Calc.button_number8.value=" "+a[8]+" "; 
730.     Calc.button_number9.value=" "+a[9]+" "; 
731.     
732. }
734. function hideSelect(){
735.     
736.     var i=0;    
737.     while(i<document.getElementsByTagName("select").length){
738.         
739.         document.getElementsByTagName("select")[i].style.visibility="hidden";       
740.         i=i+1;      
741.         
742.     }
743.     
744. }
746. function unhideSelect(){
747.     
748.     var i=0;    
749.     while(i<document.getElementsByTagName("select").length){
750.         
751.         document.getElementsByTagName("select")[i].style.visibility="visible";      
752.         i=i+1;      
753.         
754.     }
755.     
756. }
758. //此函数是用来加密输入的，即键盘输入的是加密后的字符
759. //newValue : 原值
760. //ifjiami :  是否需要加密
761. function jiamiMimaKey(newValue,ifjiami){    
762.     if(typeof(b)=="undefined"||typeof(ifUseYinshe)=="undefined"||ifUseYinshe==0){
763.         return newValue;        
764.     }
765.     alert(!ifjiami);
766.     if(!ifjiami) return newValue;
767.     var everyone='';    
768.     var afterPass='';   
769.     for(var i=0;i<newValue.length;i++){     
770.         everyone=newValue.charAt(i);
771.         for(var j=0;j<((b.length)/2);j++){          
772.             if(everyone==b[2*j]){               
773.                 afterPass=afterPass+b[2*j+1];               
774.                 break;
775.             }
776.         }
777.     }
778.     newValue=afterPass; 
779.     if(typeof(jiami)!="undefined"){
780.         jiami=1;
781.     }
782.     return afterPass;
783. }
785. //此函数据作用是对密码框的的文字进行加密,输入参数为输入框的ID或name
786. function jiamiMima(inputboxname){
787.     //alert(document.jhform.LOGPASS.value);
788.     var inputboxobj = document.getElementById(inputboxname);
789.     //var inputboxobj = document.getElementById("LOGPASS");
790.     alert(inputboxobj.value);
791.     if(inputboxobj.value.length<6){
792.         alert('密码长度必须大于等于6位!');
793.         return false
794.     };
795.         
796.     var newValue=inputboxobj.value; 
797.     var specialChar=0;
798.     //alert("keyjiami:"+(keyjiami==0));
799.     //alert("jiami:"+(jiami==0));
800.     //alert("ifUseYinshe:"+(ifUseYinshe==1));
801.     //alert(keyjiami==0&&jiami==0&&ifUseYinshe==1);
802.     //这里判断的作用是，如果键输入已加密就不再需要加密，或按用户预设情况看是否需要加密ifUseYinshe=0时不需要加密
803.     if(keyjiami==0&&jiami==0&&ifUseYinshe==1){
804.         var everyone='';
805.         var afterPass='';       
806.         for(var i=0;i<newValue.length;i++){
807.             if(specialChar==1){
808.                 break;      
809.             }
810.             everyone=newValue.charAt(i);            
811.             for(var j=0;j<((b.length)/2);j++){
812.                 if(everyone==b[2*j]){
813.                     afterPass=afterPass+b[2*j+1];                   
814.                     break;      
815.                 }
816.                 if(j==(b.length)/2-1){
817.                     if(everyone!=b[2*j]){
818.                         specialChar=1;                      
819.                         break;  
820.                     }
821.                 }
822.             }
823.         }
824.         if(specialChar==0){
825.             inputboxobj.value=afterPass;
826.         }else {
827.             var ret="";         
828.             afterPass='';           
829.             for(i=0;i<newValue.length;i++){
830.                 var c=newValue.substr(i,1);             
831.                 var ts=escape(c);               
832.                 if(ts.substring(0,2)=="%u"){
833.                     ret=ret+ts.replace("%u","(^?)");
834.                 }else {
835.                     ret=ret+c;
836.                 }
837.             }
838.             inputboxobj.value=ret;          
839.             for(var n=0;n<ret.length;n++){
840.                 everyone=ret.charAt(n);             
841.                 for(var w=0;w<((b.length)/2);w++){
842.                     if(everyone==b[2*w]){
843.                         afterPass=afterPass+b[2*w+1];                       
844.                         break;  
845.                     }
846.                 }
847.             }
848.             inputboxobj.value=afterPass;
849.         }
850.         keyjiami=1;
851.     }
852.     //下面两行是冷月宫主用来测试用的
853.     //alert("logpassword:"+inputboxobj.value);  
854.     //alert("CCB_PWD_MAP_GIGEST:"+document.jhform.CCB_PWD_MAP_GIGEST.value);
855.     return false;
856. }
858. function removeJiamiName(){
859.     
860.     var jiamiObjectname=password1.name;
861.     
862.     var jiamiObjectnameBefore=jiamiObjectname+',';  
863.     var jiamiObjectnameAll=','+jiamiObjectname+','; 
864.     if(typeof(keyjiamiName)!="undefined"){
865.         
866.         if(keyjiamiName.indexOf(jiamiObjectnameBefore)==0){         
867.             keyjiamiName=keyjiamiName.substring(jiamiObjectnameBefore.length);          
868.         }else if(keyjiamiName.indexOf(jiamiObjectnameAll)!=-1){         
869.             keyjiamiName.replace(jiamiObjectnameBefore,',');            
870.         }       
871.     }   
872. }
874. function pspassword1(){ 
875.     var passwd=password1.value; 
876.     var PWD=document.getElementsByName("PWD");  
877.     if(PWD!=null&&ps!=null&&pIsPWD){
878.         //add by lvwj modify date:20070226
879.         ps.update(getStartPassword(passwd));    
880.     }
881. }

js/inputControl.js

1. /******************************************************
2. //   *功能描述:把密码输入控件写入页面中
3. //   *参数说明：
4. //      inputCtlName:原控件名
5. //      
6. //      创建日期：2006-07-24
7. ***************************************************** */
8. var InputControlAreaIndex=0;
9. var InputControlAreaPubKey='';
10. var InputControlAreaAccVer="115A7165-DE06-49B8-9850-15414C233E83:1009";
11. var InputControlAreaFlag="1";
12. var InputControlAreaAccVerFlag=false;
13. var InputControlAreaArray=new Array();
14. function InputControlArea(inputName,type){
15.     
16.     //初始化控件标签
17.     var input=document.all[inputName];  
18.     //初始化软键盘
19.     //this.initKeyBoard(input);
20.     //判断控件是否启用
21.     if(input==null||arguments.length!=2||(InputControlAreaFlag!=2&&InputControlAreaFlag!=3)){
22.         
23.         this.obj=false;     
24.         return ;        
25.         
26.     }
27.     //生成控件标签
28.     this.init("Sec."+inputName,inputName);  
29.     
30.     //取得有效控件
31.     var returnObject=this.getInputCtl(document.all["Sec."+inputName],type); 
32.     
33.     //显示有效控件
34.     this.obj=this.displayInput(returnObject,document.all[inputName]);   
35.     
36.     InputControlAreaArray[InputControlAreaArray.length]=this.obj;   
37.     
38.     
39. }
41. InputControlArea.prototype.initKeyBoard=function (input){
42.     
43.     if(InputControlAreaFlag==3||InputControlAreaFlag==1)
44.     {
45.         
46.         input.onkeydown=function (){
47.             
48.             Calc.password.value=this.value;         
49.             
50.         }
51.         input.onchange=function (){
52.             
53.             Calc.password.value=this.value;         
54.             
55.         }
56.         input.onclick=function (){
57.             
58.             password1=this;         
59.             showkeyboard();         
60.             this.readOnly=1;            
61.             Calc.password.value='';         
62.             
63.         }
64.         
65.     }else if(InputControlAreaFlag==2||InputControlAreaFlag==0)
66.     {
67.         
68.         input.onkeydown=null;       
69.         input.onchange=null;        
70.         input.onclick=null;     
71.         
72.     }
73.     
74. }
76. InputControlArea.prototype.init=function (inputCtlId,inputName){
77.     
78.     //在函数末尾追加的控件，先调用。
79.     function writeInputControl(clsid,id){
80.         
81.         //生成控件标签
82.         var classid="";     
83.         if(clsid!="")
84.         {
85.             
86.             classid=" classid='CLSID:"+clsid+"'";           
87.             
88.         }
89.         
90.         inputSpan+='<OBJECT '+classid+' id='+id+' VIEWASTEXT style="display:none" size="20" width="100" height="17">'+'</OBJECT>';      
91.         
92.     }
93.     var inputSpan=document.all[inputName].outerHTML+"<div id = '"+inputName+"Area' style = 'border:1px solid #69c;padding:0;vertical-align:top;width:148;height=17;display:none'>"; 
94.     writeInputControl("",inputCtlId);
95.     //
96.     var strCtls=InputControlAreaAccVer.split(",");  
97.     for(var i=0;i<strCtls.length;++i)
98.     {
99.         
100.         writeInputControl(strCtls[i].split(":")[0],inputCtlId);
101.         //控件A
102.         
103.         
104.     }
105.     ///////////////////////////////////////////////////////////////////////
106.     inputSpan+='<img id='+inputCtlId+"img"+' SRC="images/icon_small_hand.gif" ALT="已使用密码输入控件,方便您的密码输入！" width=16 height=17 style = "vertical-align:top;display:none" ></img>';  
107.     inputSpan+="</div>";    
108.     document.all[inputName].outerHTML=inputSpan;    
109.     
110. }
112. InputControlArea.prototype.displayInput=function (returnObj,input){
113.     
114.     //控件有效
115.     if(returnObj.classid!="")
116.     {
117.         
118.         input.style.display="none";     
119.         returnObj.style.display="";     
120.         document.all[returnObj.id+"img"].style.display="";      
121.         document.all[input.name+"Area"].style.display="inline";     
122.         returnObj.onblur=function (){
123.             
124.             //判断离开焦点时的处理是否存在
125.             if(input.onblur)
126.             {
127.                 
128.                 input.onblur.call();                
129.                 
130.             }
131.             //设置密码
132.             //input.value = returnObj.GetPassword(InputControlAreaPubKey);
133.             //returnObj.length = returnObj.GetLength();
134.             
135.         }
136.         returnObj.onDoSubmit=function (){
137.             
138.             input.value=returnObj.GetPassword(InputControlAreaPubKey);          
139.             returnObj.length=returnObj.GetLength();         
140.             
141.         }
142.         
143.         if(InputControlAreaPubKey=='')
144.         {
145.             
146.             initOnSubmit();         
147.             InputControlAreaPubKey=returnObj.GetPubKey(InputControlAreaPubKey);         
148.             
149.         }
150.         returnObj.SetFunName(input.name);       
151.         
152.     }else {
153.         
154.         //控件无效
155.         input.style.display="";     
156.         returnObj=false;        
157.         if((window.location.toString ()).indexOf("LOGIN")==-1)
158.         {
159.             
160.             return ;            
161.             
162.         }
163.         var warning;        
164.         if(InputControlAreaAccVerFlag)
165.         {
166.             
167.             warning="您的密码输入控件版本无效，是否安装新版本？";            
168.             
169.         }
170.         else 
171.         {
172.             
173.             warning="您未安装密码输入控件，是否安装？";         
174.             
175.         }
176.         
177.         
178.         var SetUpFlag=this.GetCookie("SetUpFlag");      
179.         var returnFlg=this.GetCookie("returnFlg");      
180.         if(returnFlg=="1")
181.         {
182.             
183.             this.SetCookie("returnFlg","0");            
184.             return ;            
185.             
186.         }
187.         if(SetUpFlag!="0"||SetUpFlag==null)
188.         {
189.             
190.             this.SetCookie("SetUpFlag","1");            
191.             top.location="/app/B2CMainPlatV5?CCB_IBSVersion=V5&CUSTYPE=0&TXCODE=801002";            
192.             
193.         }
194.         
195.         
196.     }
197.     //返回有效控件
198.     return returnObj;   
199.     
200. }
202. InputControlArea.prototype.getInputCtl=function (inputCtls,type){
203.     
204.     var validSE=0;  
205.     
206.     for(var i=inputCtls.length-1;i>=1;i--){
207.         
208.         try{
209.             
210.             if(InputControlAreaAccVer.indexOf(inputCtls[i].GetVersion())==-1){
211.                 
212.                 InputControlAreaAccVerFlag=true;                
213.                 continue;               
214.                 
215.             }
216.             inputCtls[i].SetCryptFlag(type);            
217.             validSE=i;          
218.             break;          
219.             
220.         }catch(e){
221.             
222.             //continue;
223.             
224.         }
225.         try{
226.             
227.             inputCtls[i].GetStrMsg();           
228.             validSE=i;          
229.             break;          
230.             
231.         }catch(e){
232.             
233.             continue;           
234.             
235.         }
236.         
237.     }
238.     InputControlAreaIndex=validSE;  
239.     return inputCtls[validSE];  
240.     
241. }
243. function callOnBlurByName(inputCtlName){
244.     
245.     document.all["Sec."+inputCtlName][InputControlAreaIndex].onblur.call(); 
246.     
247. }
249. InputControlArea.prototype.SetCookie=function (sName,sValue)
250. {
251.     
252.     document.cookie=sName+"="+escape(sValue)+"; expires=Fri, 31 Dec 2999 23:59:59 GMT;";    
253.     
254. }
256. // Retrieve the value of the cookie with the specified name.
257. InputControlArea.prototype.GetCookie=function GetCookie(sName)
258. {
259.     
260.     // cookies are separated by semicolons
261.     var aCookie=document.cookie.split(";"); 
262.     for(var i=0;i<aCookie.length;i++)
263.     {
264.         
265.         // a name/value pair (a crumb) is separated by an equal sign
266.         var aCrumb=aCookie[i].split("=");       
267.         if(aCrumb[0].indexOf(sName)!=-1){
268.             
269.             return unescape(aCrumb[1]);         
270.             
271.         }
272.         
273.     }
274.     // a cookie with the requested name does not exist
275.     return null;    
276.     
277. }
279. function initOnSubmit(){
280.     
281.     
282.     for(var i=0;i<document.forms.length;i++){
283.         
284.         var submitHandler=document.forms[i].onsubmit;       
285.         
286.         if(submitHandler){
287.             
288.             document.forms[i].onsubmit=function (){
289.                 
290.                 initPassWord();             
291.                 return submitHandler.call();                
292.                 
293.             }
294.             
295.         }
296.         
297.         
298.     }
299.     
300. }
303. function initPassWord(){
304.     
305.     for(var i=0;i<InputControlAreaArray.length;i++){
306.         
307.         if(InputControlAreaArray[i]!=null&&InputControlAreaArray[i].onDoSubmit!=null)
308.         {
309.             
310.             InputControlAreaArray[i].onDoSubmit.call();         
311.             
312.         }
313.         
314.     }
315.     
316. }

demo.html

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml">
3. <head>
4. <title>中国建设银行 个人网上银行</title>
5. <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
6. <link href="css/before_login.css" rel="stylesheet" type="text/css" />
7. </head>
8. <body bottommargin="0" bgproperties="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0">
9. <form name="jhform" method="post" action="/app/B2CMainPlatV5?CCB_IBSVersion=V5" target="_parent" onsubmit="return mysubmit();">
10.   <div id="Page_content">
11.     <table>
12.       <tr>
13.         <td><div class="reg_title" >登录建行个人网上银行</div></td>
14.       </tr>
15.     </table>
16.     <div class="Area_content">
17.       <div class="content_title" style="border-bottom:1px solid #eee;">登录区域</div>
18.       <table width="70%"  border="0" cellspacing="0" cellpadding="0">
19.         <tr>
20.           <td id="text_user" width="150" height="50" class="text_content login_big"> 用户昵称/证件号码：</td>
21.           <td width="255" height="50" class="text_content"><input name="USERID" type="text" size="20" minLength="1" maxLength="20" title="用户昵称/证件号码"/></td>
22.           <td width="280" height="50" class="text_content"><div id="login_2" class="tip_off">输入您在注册网上银行时使用的证件号码或您设置登陆方式的网上银行用户名(昵称) / 证件号码</div></td>
23.         </tr>
24.         <tr>
25.           <td width="120" height="50" class="text_content login_big">登录密码：<input type="hidden" name="CCB_PWD_MAP_GIGEST" value=""></td>
26.           <td height="50" class="text_content"><input id="LOGPASS" name="LOGPASS" type="password" size="20" minLength="6"  maxLength="12" onfocus="if (hidekeyboard) { hidekeyboard=false;password1=this;showkeyboard();this.readOnly=1;document.getElementById('Calc').password.value='';};" title="登录密码" readOnly  onChange="Calc.password.value=this.value;keyjiami=0;jiami = 0" /></td>
27.           <td width="280" height="50" class="text_content"><div  id="login_3" class="tip_off">输入您设置的网上银行登录密码</div></td>
28.         </tr>
29.         <tr>
30.           <td width="120" height="50" class="text_content login_big">附加码：</td>
31.           <td height="50" class="text_content"><input name="PT_CONFIRM_PWD" type="text" minLength="1" maxLength="5" title="附加码" /></td>
32.           <td width="280" height="50" class="text_content"><div id="login_4" class="tip_off">输入右侧图片中的字符 </div></td>
33.           </td>
34.         </tr>
35.         <tr>
36.           <td height="50" class="text_content login_big">版本类型：</td>
37.           <td height="50" class="text_content"><input type="checkbox" id="narrow_band" name="narrow_band"  chacked="">
38.           <span class="text_red">极速版</span></td>
39.           <td height="50" class="text_content"><div id="login_5" class="tip_off">建议使用CDMA、GPRS等窄带用户选择极速版。</div></td>
40.         </tr>
41. <script src="js/inputControl.js" language="javascript"></script>
42. <script language="JavaScript">
43. var InputControlAreaAccVer = '115A7165-DE06-49B8-9850-15414C233E83:1009,115A7165-DE06-49B8-9850-15414C233E84:2000';
44. var InputControlAreaFlag = '1';
45. </script>
46. <script language="JavaScript">
47. var inCtl=new InputControlArea("LOGPASS",1);
48. if(inCtl){  
49.     if(inCtl.obj){      
50.         inCtl.obj.onfocus=document.all.LOGPASS.onfocus;     
51.         inCtl.obj.width="130";      
52.         inCtl.obj.height="17";
53.     }   
54. }
55. </script>
56.       </table>
57.       <div class="Area_button">
58.         <table width="70%"  border="0" cellspacing="0" cellpadding="0">
59.           <tr>
60.             <td><input type="submit" class="button" value="登 录">
61.             </td>
62.             <td><div class="reg_info"><a href="#" onclick='javascript:newperson();'>只要拥有建行账户，就可以享受便利安全的网上银行服务！<br/>
63.             <span class="text_red">- 新用户注册 -</span></a> </div></td>
64.           </tr>
65.         </table>
66.       </div>
67.       </div>
68.   </div>
69. </form>
70. <script src="js/ccbsoftkeyboard.js" language="javascript"></script>
71. <script language="javascript">
72. password1=null;
73. initCalc();
74. document.all.jhform.LOGPASS.onclick=Function("password1=this;showkeyboard();this.readOnly=1;Calc.password.value=''");
75. document.all.jhform.LOGPASS.onkeyup=Function("if(event.keyCode==9){password1=this;showkeyboard();this.readOnly=1;Calc.password.value=''}");
76. document.all.jhform.LOGPASS.onKeyDown=Function("Calc.password.value=this.value;");
77. </script>
78. </body>
79. </html>
80. <script>
81. function mysubmit(){
82.     var inputboxobj = document.getElementById("LOGPASS");
83.     alert(inputboxobj.value);
84.     jiamiMima('LOGPASS');
85.     alert(inputboxobj.value);
86.     return false;
87. }
88. </script>