JavaScript2020. 11. 14. 18:19

 

 

 

CapsLock 상태를 확인해야할 일이 있다.

예를들어 로그인 폼에서 아이디나 비밀번호 치는데 CapsLock이 켜져있으면 노티를 해주지 않던가~

다음은 자바스크립트에서 CapsLock이 켜져있는지 확인하는 코드이다.

 

 

<script>
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;
  }
}
</script>

...

<body>
<!-- html에서 input 태그에 onkeypress를 이용해서 확인할 수 있다.-->
<input type="text" name="capsLockTEXT" value="" onkeypress="javascript:capsLock(event);"//>
</body>
...

 

 

 

Posted by 사슴영혼'-'