JS를 사용하여 아무 키도 누르지 않고도 CAPS LOCK STATUS가 활성화되면 어떻게 감지 할 수 있습니까?

Question

캡 잠금이 입력 요소의 포커스 이벤트를 사용하지만 IE의 입력 비밀번호 유형을 갖는 동작과 같은 키를 누르지 않고 활성화되어 있는지 확인하고 싶습니다. IE의 경우 당신이 입력 비밀번호의 종류에 초점이 때 사용자가 활성화 된 경우 사용자가 내가 JS를 사용하여 수행 할 작업을 그 어떤 키를 눌렀되지 않은 경우에도 캡을 잠금 장치 경고 툴팁 나타납니다.

$(function() {//check caps lock on 
       var isIE = !isIE && !!window.StyleMedia; 
       if (isIE == true) { 
        document.msCapsLockWarningOff = true; 
       }    
        $('#Password').keypress(function (key) { 
         if (key.charCode >= 65 && key.charCode <= 90) 
          $('#capLockOn').tooltip('show'); 
         else { 
          $('#capLockOn').tooltip('hide'); 
         } 
         //Hide the tooltip when moving away from the password field 
         $('#Password').blur(function (e) { 
          $('#capLockOn').tooltip('hide'); 
         }); 
        }); 

      }); 

내가 일관된 디자인 어떤 조언을주십시오 유지를 위해 브라우저의 기본 경고없이 경고를 추가하고 싶습니다 ...

Answer 1

사용할 수 지금 내 코드는 단지 키 누르기 이벤트와 함께 일하고있다 KeyboardEvent.getModifierState('CapsLock');. 수정 자 키 (MDN Docs)의 현재 상태를 반환합니다.

$('#inputBox').addEventListener('focus', function(e) { 
    e.getModifierState('CapsLock'); 
}); 

사용자가 원하는대로 초점을 맞출 때 Caps Lock 수정 자의 현재 상태를 알려줍니다.