"onfocus"이벤트에서 CapsLock ON 확인

Question

"onkeypress"이벤트에서 Capslock이 켜져 있는지 여부를 확인하는 다음 코드는 다음과 같습니다.

하지만 "onfocus"이벤트를 원합니다. "onkeypress"를 "onfocus"로 바꾸려고했으나 나에게 도움이되지 못했습니다.

어떤 도움이 필요합니까?

<script type="text/javascript" language="Javascript"> 
    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> 

<input type="text" name="txtuname" /> 
<input type="password" name="txtPassword" onkeypress="capLock(event)" /> 
<div id="divMayus" style="visibility:hidden">Caps Lock is on.</div> 

Answer 1

필요할 때로하고 해당 정보를 사용할 수 있도록 키를 잠급니다.

전체 페이지의 상태를 모니터링 한 다음 원하는 요소가 포커스를 얻었을 때 상태를 검색 할 수 있습니다.

키 누름을보고 있지만 ASCII 문자가 더 낮지 않은 것을 기본으로하며 Caps Lock 키와 같은 상황을 처리합니다. 난 단지 필수 비트를 jQueryified 한

<script src="{path-to}/jquery-capslockstate.js"></script> 
<script> 
    $(document).ready(function() { 
     $(window).capslockstate(); 

     $(window).bind("capsOn", function(event) { 
      if ($("#txtPassword:focus").length > 0) { 
       document.getElementById('divMayus').style.visibility = 'visible'; 
      } 
     }); 
     $(window).bind("capsOff capsUnknown", function(event) { 
      document.getElementById('divMayus').style.visibility = 'hidden'; 
     }); 
     $("#txtPassword").bind("focusout", function(event) { 
      document.getElementById('divMayus').style.visibility = 'hidden'; 
     }); 
     $("#txtPassword").bind("focusin", function(event) { 
      if ($(window).capslockstate("state") === true) { 
       document.getElementById('divMayus').style.visibility = 'visible'; 
      } 
     }); 
    }); 
</script> 

<input type="text" name="txtuname" /> 
<input type="password" name="txtPassword" id="txtPassword" /> 
<div id="divMayus" style="visibility:hidden">Caps Lock is on.</div> 

주, 더 여전히 수행 할 수 있습니다 :

귀하의 상황은 무언가 같이 될 것입니다.

Answer 2

불행히도 (중 JQuery와 자바 스크립트 나) - 이벤트 객체의 키 코드 특성 만이, 온 클릭 등 onfocus 및 작동하지 않을 이유입니다, (분명한 이유) 키 기반 이벤트에 보내진다 .

이 그것을하는 다른 자바 스크립트 방법이 없습니다 - 거기에 당신이 플래시를 사용하는 경우 잠재적 인 솔루션이지만 -하지만 당신의 요구 사항에 다소 지나친 것 같다 ...

Answer 3

그것은 뚜껑 잠금 감지하는 것은 불가능 보인다 onfocus 이 내용을 참조하시기 바랍니다.

캡의 상태를 추적합니다 capslockstate라는 jQuery 플러그인이 있습니다

http://jaspreetchahal.org/jquery-caps-lock-detection-plugin/