주로 활성화된 입력 상자에 대한 Caps Lock 실시간 감지를 수행합니다. <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">Caps Lock이 켜져 있습니다</div> </div> [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]<!-- (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; } } })() // -->
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
