방법 - Caps Lock 감지
JavaScript로 입력 필드 내부에 capslock이 켜져 있는지 확인하는 방법을 알아보세요.
Caps Lock이 켜져 있는지 감지
입력 필드 내에서 "Caps Lock" 키를 눌러 보십시오.
경고! Caps Lock이 켜져 있습니다.
예시
// Get the input field
var input = document.getElementById("myInput");
// Get the warning text
var text = document.getElementById("text");
// When the user presses any key on the keyboard, run the function
input.addEventListener("keyup", function(event) {
// If "caps
lock" is pressed, display the warning text
if (event.getModifierState("CapsLock"))
{
text.style.display = "block";
} else {
text.style.display = "none"
}
});
팁: JavaScript 이벤트 참조 - getModifierState() 에서 getModifierState() 메서드에 대해 자세히 읽어보세요 .