는 캡 페이지로드 (또는 유사) 내 연구에서

Question

에 상태를 잠금 감지, 나는 캡 키를 누르면 CAPSLOCK을 감지하는 방법을 발견했습니다. 그러나 키를 건드리지 않은 경우에도 대문자 상태를 알고 싶습니다.

예 : 경고 (ui.Keyboard.capslock) // true 또는 false를 반환;

감사합니다.

Answer 1

아니, 당신은 페이지로드에 키보드 버튼의 상태를 얻을 수 없습니다. 당신은 keypress의 keyCode를 분석해야합니다. 그것이 유일한 방법입니다.

Answer 2

난 그냥 뚜껑은 잠금 상태를 감지하고 캡 키는 경고가 켜져 있고 끌 수 있습니다 누르면 잠금 경우 있도록 저장됩니다 대안을 마련했습니다. 나는 chrome 45+와 ie9 +만을 코딩하고 있으므로, 이것이 당신의 계획이라면 일반적인 조정을해야 할 수도 있습니다.

여기 내 HTML입니다 :

<input type="text" id="pwd"> 
<p id="caps"></p> 

그리고 여기 JS을이다 : 나는 어떤 함수와 변수 전에 따라서 isDetected 및 capsOnLOGINPAGE.CAPSdetect.에 대한 전역을 피하기 위해 네임 스페이스를 사용하고

var LOGINPAGE = LOGINPAGE || {}; 
LOGINPAGE.CAPSdetect = {}; 
$(function() { 
    LOGINPAGE.CAPSdetect.engage(); 
}); 

LOGINPAGE.CAPSdetect.isDetected = false; 
LOGINPAGE.CAPSdetect.capsOn = false; 

LOGINPAGE.CAPSdetect.engage = function() { 
    $('#pwd').on('keypress', LOGINPAGE.CAPSdetect.shiftDetect); 
    $(window).on('keydown', LOGINPAGE.CAPSdetect.capsDetect); 
} 

LOGINPAGE.CAPSdetect.shiftDetect = function(event) { 
    var caps = $('#caps'); 
    var which = event.keyCode; 
    var shift = event.shiftKey; 
    var targ = event.target; 
    if ((which >= 65 && which <= 90 && !shift) || (which >= 97 && which <= 122 && shift)) { 
     caps.html('CAPS LOCK IS ON').css('color', 'crimson'); 
     LOGINPAGE.CAPSdetect.isDetected = true; 
     LOGINPAGE.CAPSdetect.capsOn = true; 
    } else if((which >= 65 && which <= 90 && shift) || (which >= 97 && which <= 122 && !shift)){ 
     caps.html(''); 
    } 
} 

LOGINPAGE.CAPSdetect.capsDetect = function(event) { 
    if(event.keyCode === 20 && LOGINPAGE.CAPSdetect.isDetected) { 
     LOGINPAGE.CAPSdetect.capsOn = (LOGINPAGE.CAPSdetect.capsOn)? false:true; 
     if(LOGINPAGE.CAPSdetect.capsOn) { 
      $('#caps').html('CAPS LOCK IS ON'); 
     } else { 
      $('#caps').html(''); 
     } 
    } 
} 

. 네임 스페이스가 없거나 테스트하려면 this jsfiddle을 참조하십시오. 의