用JavaScript檢查大寫(xiě)鍵（Caps Lock）是否打開(kāi)的腳本

2019-11-21 02:01:45

字體：大中小

供稿：網(wǎng)友

在用戶(hù)遇到需要輸入密碼的頁(yè)面時(shí)候，密碼中是否有大寫(xiě)字母？大寫(xiě)鍵（Caps Lock）是否打開(kāi)？如果能給用戶(hù)以提示，豈不是更好？

下面的示例代碼給出了方法，必要的說(shuō)明代碼當(dāng)中都有注釋。
問(wèn)中知識(shí)點(diǎn)：event.keyCode 和 event.shiftKey

代碼

<! 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　是否打開(kāi)      valueShift  =  e.shiftKey ? e.shiftKey:((valueCapsLock  ==   16 ) ? true : false ); // shift鍵是否按住      if (((valueCapsLock >=   65   &&  valueCapsLock  <=   90 )  &&   ! valueShift) // Caps Lock 打開(kāi)，并且 shift鍵沒(méi)有按住       || ((valueCapsLock >=   97   &&  valueCapsLock  <=   122 )  &&  valueShift)) // Caps Lock 打開(kāi)，并且按住 shift鍵          document.getElementById('capStatus').style.visibility  =  'visible';      else          document.getElementById('capStatus').style.visibility  =  'hidden';    /*    javascript中keyCode代碼對(duì)應(yīng)表   event.keyCode=32        空格   event.keyCode=13        回車(chē)   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>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

原文：http://www.blogjava.net/majianan/archive/2007/02/01/97284.html

上一篇：javascript中的幾個(gè)運(yùn)算符

下一篇：一個(gè)加載js文件的小腳本