网页设计实用技术：JS软键盘实现(源码)

•     鉴于安全性的考虑，不少网站在登录输入密码时都采用了软键盘，避免一些键盘记录工具和木马对击键的捕捉。项目中也有这个需求，就分享给大家了，贴个效果图上来。。有兴趣的朋友可以收藏。。..如果觉得功能有点庞大，只需要数字小键盘的朋友，可参考代码精简。
  效果还原:Default.aspx,softkeyboard.js,softkey.CSS三个文件
  js代码:

  softkeyboard.js

    1window.onload=
    2function()
    3{
    4password1=null;       
    5initCalc();
    6}
    7var password1;
    8var CapsLockValue=0;
    9var checkSoftKey;
   10function setVariables() {
   11tablewidth=630;
   12tableheight=20;
   13if (navigator.appName == "Netscape") {
   14horz=".left";
   15vert=".top";
   16docStyle="document.";
   17styleDoc="";
   18innerW="window.innerWidth";
   19innerH="window.innerHeight";
   20offsetX="window.pageXOffset";
   21offsetY="window.pageYOffset";
   22}
   23else {
   24horz=".pixelLeft";
   25vert=".pixelTop";
   26docStyle="";
   27styleDoc=".style";
   28innerW="document.body.clientWidth";
   29innerH="document.body.clientHeight";
   30offsetX="document.body.scrollLeft";
   31offsetY="document.body.scrollTop";
   32}
   33}
   34function checkLocation() {
   35if (checkSoftKey) {
   36objectXY="softkeyboard";
   37var availableX=eval(innerW);
   38var availableY=eval(innerH);
   39var currentX=eval(offsetX);
   40var currentY=eval(offsetY);
   41x=availableX-tablewidth+currentX;
   42y=currentY;
   43evalMove();
   44}
   45setTimeout("checkLocation()",0);
   46}
   47function evalMove() {
   48eval(docStyle + objectXY + styleDoc + vert + "=" + y);
   49}
  

• [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 网页设计实用技术：JS软键盘实现(源码) 相关文章：
• ·网页设计实用技术：JS软键盘实现(源码)
• 网页设计实用技术：JS软键盘实现(源码) 相关软件

上一篇:网页制作技术总结：常用Javascript语句

下一篇:网页知识：在Javascript中使用正则表达式

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐