Oo缘来是你oO


posts - 120,comments - 125,trackbacks - 0
                        用JavaScript检查大写键(Caps Lock)是否打开(原创)

                                                  马嘉楠    2007年2月1日


新年第一篇!希望新的一年大家和我一样天天开心,能多学点东西,多多赚钱^-^


在用户遇到需要输入密码的页面时候,密码中是否有大写字母?大写键(Caps Lock)是否打开?如果能给用户以提示,岂不是更好?

下面的示例代码给出了方法,必要的说明代码当中都有注释。
问中知识点:event.keyCode  和 event.shiftKey
如果有不对,不明白地方或者有更好的建议,请告诉我!谢谢^+^



HTML页面代码

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
< HEAD >
< TITLE >  Detect Caps Lock </ TITLE >
< script >
function  detectCapsLock(e){
    valueCapsLock 
=  e.keyCode ? e.keyCode:e.which; // Caps Lock 是否打开

    valueShift  =  e.shiftKey ? e.shiftKey:((valueCapsLock  ==   16 ) ? true : false ); // shift键是否按住

     if (((valueCapsLock  >=   65   &&  valueCapsLock  <=   90 &&   ! valueShift) // Caps Lock 打开,并且 shift键没有按住
     || ((valueCapsLock  >=   97   &&  valueCapsLock  <=   122 &&  valueShift)) // Caps Lock 打开,并且按住 shift键
        document.getElementById('capStatus').style.visibility  =  'visible';
    
else

        document.getElementById('capStatus').style.visibility 
=  'hidden';

  
/*

  javascript中keyCode代码对应表
  event.keyCode=32        空格
  event.keyCode=13        回车
  event.keyCode=27        Esc
  event.keyCode=16)        Shift
  event.keyCode=17)        Ctrl
  event.keyCode=18)        Alt
  
*/

}
</ script >
</ HEAD >

< BODY >
< input  type ="password"  name ="pwd"  onkeypress ="detectCapsLock(event)"   />
< div  id ="capStatus"  style ="visibility:hidden" >< font  color =red > Caps Lock is on. < font ></ div >
</ BODY >
</ HTML >





马嘉楠
jianan.ma@gmail.com

posted on 2007-02-01 15:21 马嘉楠 阅读(2129) 评论(0)  编辑  收藏 所属分类: Java Script

只有注册用户登录后才能发表评论。


网站导航: