자바스크립트(javascript) CapsLock 체크

자바스크립트(javascript)로 CapsLock 상태를 체크하는 방법입니다.

function capsLock(e){
  var keyCode = 0;
  var shiftKey=false;
  keyCode=e.keyCode;
  shiftKey=e.shiftKey;
  if (((keyCode >= 65 && keyCode <= 90)&& !shiftKey)||((keyCode >= 97 && keyCode <= 122)&& shiftKey))
  {
    alert("CapsLock이 켜져 있습니다");
    return;
  }
}

위의 자바스크립트 함수를 추가한 후 body 태그 안에 있는 입력폼에서 

위의 함수를 호출하여 CapsLock의 on/off 상태를 알림창으로 출력할 수 있습니다.

onKeyPress 이벤트를 사용하여 함수를 호출합니다.

만약 입력폼에서 키보드 입력이 있을 경우 capsLock이 on 상태에서는 알림창이 출력됩니다.