대문자 잠금을检测하는 방법

JavaScript를 사용하여 입력 창 내에서 대문자 잠금이 열려 있는지 확인하는 방법을 배웁니다.

대문자 잠금이 켜졌는지 확인합니다

입력 창 내에서 "Caps Lock" 키를 누르세요:

경고! 대문자 잠금이 ON입니다.

예제

// 입력 필드를 가져옵니다
var input = document.getElementById("myInput");
// 경고 텍스트를 가져옵니다
var text = document.getElementById("text");
// 사용자가 키보드에서 어떤 키를 누를 때 이 함수를 실행합니다
input.addEventListener("keyup", function(event) {
  // "Caps Lock"을 눌렀을 때 경고 텍스트를 표시합니다
  if (event.getModifierState("CapsLock")) {
    text.style.display = "block";
  } else {
    text.style.display = "none"
  }
});

직접 시험해 보세요

相关页面

参考手册:MouseEvent getModifierState() 方法