用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>

试试效果吧。

原文

原文地址:https://www.cnblogs.com/chengbo/p/630107.html