javascript 监控大小写键是否打开

为什么80%的码农都做不了架构师？>>>   

网上找到的函数代码：

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
   */ 

}

我去掉了shift键的判断：

function  detectCapsLock(e){
    valueCapsLock  =  e.keyCode ? e.keyCode:e.which; // Caps Lock　是否打开 
     if (valueCapsLock  >=   65   &&  valueCapsLock  <=   90  ) // Caps Lock 打开，
    	 $("#changecode").next(".tip").html("<span class='icon'></span><span>提示：大小写锁定已打开！</span>");
     else 
    	 $("#changecode").next(".tip").html();
}

看了下百度云登录的js，也是这样做的。

链接：http://passport.bdimg.com/passApi/js/login_tangram_5c5eb021.js

如图：

 

转载于:https://my.oschina.net/mifans/blog/707206