用JavaScript檢查大寫鍵(Caps Lock)是否開啟的指令碼_javascript技巧

來源:互聯網
上載者:User
在使用者遇到需要輸入密碼的頁面時候,密碼中是否有大寫字母?大寫鍵(Caps Lock)是否開啟?如果能給使用者以提示,豈不是更好?

下面的範例程式碼給出了方法,必要的說明代碼當中都有注釋。
問中知識點: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 是否開啟 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>
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]


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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.