新年第一篇！希望新的一年大家和我一样天天开心，能多学点东西，多多赚钱^-^
在用户遇到需要输入密码的页面时候，密码中是否有大写字母？大写键（Caps Lock）是否打开？如果能给用户以提示，岂不是更好？
下面的示例代码给出了方法，必要的说明代码当中都有注释。
问中知识点：event.keyCode 和 event.shiftKey
如果有不对，不明白地方或者有更好的建议，请告诉我！谢谢^+^
HTML页面代码
在用户遇到需要输入密码的页面时候，密码中是否有大写字母？大写键（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 >
< 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 >
本文转自BlogJavaOo缘来是你oO的博客，原文链接：用JavaScript检查大写键（Caps Lock）是否打开（原创），如需转载请自行联系原博主。
