用JavaScript检查大写键（Caps Lock）是否打开（原创）

新年第一篇！希望新的一年大家和我一样天天开心，能多学点东西，多多赚钱^-^
在用户遇到需要输入密码的页面时候，密码中是否有大写字母？大写键（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 >

本文转自BlogJavaOo缘来是你oO的博客，原文链接：用JavaScript检查大写键（Caps Lock）是否打开（原创），如需转载请自行联系原博主。