用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
马嘉楠 阅读(581)
评论(0) 编辑 收藏 所属分类:
Java Script