【湊數】輸入密碼大寫鎖定的檢測－互聯網

文章出處

這個月都還沒。必須要湊數。

網站登錄為了更好的用戶體驗都會在輸入密碼的時候檢測是否開啟大寫。提醒用戶。

在下面的 input框里測試下吧！這段代碼來之 <點我>。

不過我做了一點小改進。

主要對已經激活input框的大寫鎖定進行實時檢測。

------------

代碼

<div>
<input class="text" name="passwd" id="loginPasswd" type="password" style="*display:block;" />
                    <div style="color:#F90;padding:2px; position:absolute; display:none;" id="capital">大寫鎖定已開啟</div>
                    <script type="text/javascript"><!--
                    (function(){
                        var inputPWD = document.getElementById('loginPasswd');
                        var capital = false;
                        var capitalTip = {
                            elem:document.getElementById('capital'),
                            toggle:function(s){
                                var sy = this.elem.style;
                                var d = sy.display;
                                if(s){
                                    sy.display = s;
                                }else{
                                    sy.display = d =='none' ? '' : 'none';
                                }
                            }
                        }
                        var detectCapsLock = function(event){
                            if(capital){return};
                            var e = event||window.event;
                            var keyCode  =  e.keyCode||e.which; // 按鍵的keyCode 
                            var isShift  =  e.shiftKey ||(keyCode  ==   16 ) || false ; // shift鍵是否按住
                             if (
                             ((keyCode >=   65   &&  keyCode  <=   90 )  &&   !isShift) // Caps Lock 打開，且沒有按住shift鍵 
                             || ((keyCode >=   97   &&  keyCode  <=   122 )  &&  isShift)// Caps Lock 打開，且按住shift鍵
                             ){capitalTip.toggle('block');capital=true}
                             else{capitalTip.toggle('none');} 
                        }
                        inputPWD.onkeypress = detectCapsLock;
                        inputPWD.onkeyup=function(event){
                            var e = event||window.event;
                            if(e.keyCode == 20 && capital){
                                capitalTip.toggle();
                                return false;
                            }
                        }
                    })()
                    // --></script> 
</div>