??????????????????????? 用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
馬嘉楠 閱讀(2163)
評論(0) 編輯 收藏 所屬分類:
Java Script