관리 메뉴

내 머릿속 데이터베이스

[JavaScript] Caps Lock 체크 본문

Programming/Web Language

[JavaScript] Caps Lock 체크

Namioto 파도소리 2014. 11. 3. 00:44

출처 : 이준빈은 호박머리(http://h5bak.tistory.com/233)

 

다음과 같은 함수를 만든다.

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


 

 

적용 방법은 다음과 같다.

<input name="capsLockTest" id="capsLockTest" onkeypress="javascript:capsLock(this);" type="text" value="">

또는

$('#password').bind('keypress', function(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;
    }
   });

 

하지만 부트스트랩을 쓰면 이런거 안해도 자동으로 체크해준다. 끝.

0 Comments
댓글쓰기 폼