Home JQuery를 이용한 키 입력 감지 예제
Post
Cancel

JQuery를 이용한 키 입력 감지 예제

예제

1
2
3
4
5
6
7
8
9
10
$(document).keyup(function(e){
  if (e.keyCode == 27){
    // 27번 키, 즉 ESC 키가 눌렸다 떼어졌을 때 실행 할 코드
      console.log("ESC press");
  }
 	else{
    // 다른 키가 눌렸을다 떼어졌을 때 실행할 코드
  	console.log(e.keyCode);
  }
});

위 코드는 사용자가 ESC키를 눌렀다가 떼는 순간 Browser의 Console에 “ESC press”를 출력합니다.
하지만 ESC키가 아닌 다른 키를 눌렀다가 뗀 경우에는 입력된 키의 KeyCode를 출력합니다.

위 예제는 Key를 눌렀다가 떼는 순간에 동작하는 코드이므로, 누르자마자 감지하거나 누르고 있는 상태를 감지하고자 할 때에는 keyup 메소드가 아닌 keydown 메소드를 사용해야합니다.

This post is licensed under CC BY 4.0 by the author.