Js之软键盘实现(源码)

143
144function addValue(newValue)
145{
146if (CapsLockValue==0)
147{
148var str=Calc.password.value;
149if(str.length<password1.maxLength)
150{
151Calc.password.value += newValue;
152}           
153if(str.length<=password1.maxLength)
154{
155password1.value=Calc.password.value;
156}
157}
158else
159{
160var str=Calc.password.value;
161if(str.length<password1.maxLength)
162{
163//Calc.password.value += newValue.toUpperCase();
164Calc.password.value += newValue;
165}
166if(str.length<=password1.maxLength)
167{
168password1.value=Calc.password.value;
169}
170}
171}
172
173function setpassvalue()
174{
175var longnum=Calc.password.value.length;
176var num
177num=Calc.password.value.substr(0,longnum-1);
178Calc.password.value=num;
179var str=Calc.password.value;
180password1.value=Calc.password.value;
181}
182
183function OverInput()
184{
185var str=Calc.password.value;
186password1.value=Calc.password.value;
187closekeyboard();
188Calc.password.value="";
189password1.readOnly=1;
190}
191
192function closekeyboard(theForm)
193{
194softkeyboard.style.display="none";
195if(null!=unhideSelect){
196unhideSelect();
197}
198}
199
200function showkeyboard()
201{
202randomNumberButton();
203var th = password1;
204var ttop  = th.offsetTop;
205var thei  = th.clientHeight;
206var tleft = th.offsetLeft;
207var ttyp  = th.type;
208while (th = th.offsetParent){ttop+=th.offsetTop; tleft+=th.offsetLeft;}
209softkeyboard.style.top  = ttop+thei+16;
210softkeyboard.style.left = tleft-100;
211softkeyboard.style.display="block";
212password1.readOnly=1;
213password1.blur();
214document.all.useKey.focus();
215if(null!=hideSelect){
216hideSelect();
217}
218}
219
220function setCapsLock()
221{
222if (CapsLockValue==0)
223{
224CapsLockValue=1
225}
226else
227{
228CapsLockValue=0
229}
230}
231function setCalcborder()
232{
233CalcTable.style.border="1px solid #B5ADF1"
234}
235function setHead()
236{
237CalcTable.cells[0].style.backgroundColor="#B5ADF1"   
238}
239function setCalcButtonBg()
240{
241for(var i=0;i<Calc.elements.length;i++)
242{
243if(Calc.elements[i].type=="button"&&Calc.elements[i].bgtype!="1")
244{
245if(Calc.elements[i].bgtype=="2"){
246Calc.elements[i].className="btn_num";
247}else{
248Calc.elements[i].className="btn_letter";
249}
250var str1=Calc.elements[i].value;
251str1=str1.trim();
252if(str1.length==1)
253{
254}
255var thisButtonValue=Calc.elements[i].value;
256thisButtonValue=thisButtonValue.trim();
257if(thisButtonValue.length==1)
258{
259Calc.elements[i].onclick=
260function ()
261{
262var thisButtonValue=this.value;
263thisButtonValue=thisButtonValue.trim();
264thisButtonValue=jiamiMimaKey(thisButtonValue);
265addValue(thisButtonValue);
266}
267Calc.elements[i].ondblclick=
268function ()
269{
270var thisButtonValue=this.value;
271thisButtonValue=thisButtonValue.trim();
272thisButtonValue=jiamiMimaKey(thisButtonValue);
273addValue(thisButtonValue);
274}
275}
276}
277}
278}
279function initCalc()
280{
281setCalcborder();
282setHead();
283setCalcButtonBg();
284}
285String.prototype.trim = function()
286{
287return this.replace(/(^\s*)|(\s*$)/g, "");
288}
289var capsLockFlag;
290capsLockFlag=true;
291function capsLockText()
292{
293if(capsLockFlag)
294{
295for(var i=0;i<Calc.elements.length;i++)
296{
297var char=Calc.elements[i].value;
298var char=char.trim()
299if(Calc.elements[i].type=="button"&&char>="a"&&char<="z"&&char.length==1)
300{
301Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)-32)+" "
302}
303}
304}
305else
306{
307for(var i=0;i<Calc.elements.length;i++)
308{
309var char=Calc.elements[i].value;
310var char=char.trim()
311if(Calc.elements[i].type=="button"&&char>="A"&&char<="Z"&&char.length==1)
312{
313Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)+32)+" "
314}
315}
316}
317capsLockFlag=!capsLockFlag;
318}
319
320function randomNumberButton(){
321var a = new Array(10); 
322a[0]=0;a[1]=1;a[2]=2;a[3]=3;a[4]=4;a[5]=5;a[6]=6;a[7]=7;a[8]=8;a[9]=9;
323var randomNum;
324var times=10;
325for(var i=0;i<10;i++){
326randomNum = parseInt(Math.random()*10);
327var tmp=a[0];
328a[0]=a[randomNum];
329a[randomNum]=tmp;
330}
331Calc.button_number0.value=" "+a[0]+" ";
332Calc.button_number1.value=" "+a[1]+" ";
333Calc.button_number2.value=" "+a[2]+" ";
334Calc.button_number3.value=" "+a[3]+" ";
335Calc.button_number4.value=" "+a[4]+" ";
336Calc.button_number5.value=" "+a[5]+" ";

 如果您对本文有任何疑问或者建议，请到讨论区发表您的意见: >> 论坛入口 <<

上一页 1 2 34 5 6 下一页

上一篇：JS+CSS打造可拖动的聊天窗口层   下一篇：js技巧收集(200多个)

【文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论】