- 技术人生
- 用JavaScript检查大写键（Caps Lock）是否打开（原创）
用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 >
