用Javascript检查Caps Lock是否按下

在输入密码的时候，用户不看键盘的话很难知道自己是否启用了大写，所以到经常因为大小写错了而被系统拒之门外。

其实一段js代码就可以解决这个问题。

<script>
function capLock(e){
 kc = e.keyCode?e.keyCode:e.which;
 sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);
 if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk))
  document.getElementById('divMayus').style.visibility = 'visible';
 else
  document.getElementById('divMayus').style.visibility = 'hidden';
}
</script>

<SPAN><input type="password" name="txtPassword" onkeypress="capLock(event)" />
<SPAN><div id="divMayus" style="visibility:hidden">Caps Lock is on.</div>

 

试试效果吧。

原文