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

 

试试效果吧。

原文

你可能感兴趣的:(用Javascript检查Caps Lock是否按下)