开发学院网页设计JavaScript 用JavaScript检查大写键(Caps Lock)是否打开 阅读

用JavaScript检查大写键(Caps Lock)是否打开

 2010-09-14 13:37:22 来源:WEB开发网   
核心提示:在用户遇到需要输入密码的页面时候,密码中是否有大写字母?大写键(Caps Lock)是否打开?如果能给用户以提示,用JavaScript检查大写键(Caps Lock)是否打开,岂不是更好?下面的示例代码给出了方法,必要的说明代码当中都有注释,问中知识点:event.keyCode和 event.shiftKey如果有

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

下面的示例代码给出了方法,必要的说明代码当中都有注释。

问中知识点:event.keyCode 和 event.shiftKey

如果有不对,不明白地方或者有更好的建议,请告诉我!谢谢^+^

HTML页面代码

<! DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN" >
< HTML >
< HEAD >
< TITLE > DetectCapsLock </ TITLE >
< script >
function detectCapsLock(e){
  valueCapsLock = e.keyCode ? e.keyCode:e.which; // CapsLock 是否打开
  valueShift = e.shiftKey ? e.shiftKey:((valueCapsLock ==  16 ) ? true : false ); // shift键是否按住
   if (((valueCapsLock >=  65  && valueCapsLock <=  90 ) &&  ! valueShift) // CapsLock打开,并且shift键没有按住
   || ((valueCapsLock >=  97  && valueCapsLock <=  122 ) && valueShift)) // CapsLock打开,并且按住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 > CapsLockison. < font ></ div >
</ BODY >
</ HTML >

Tags:JavaScript 检查 大写

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接