[Javascript] 키보드 이벤트

자바스크립트를 이용하여 키보드 입력을 감지하여 처리하는 방법에 대해서 알아보겠습니다.

이벤트는 세 가지가 있으며 다음과 같습니다.

• keydown
• keypress (현재는 deprecated되어 권장하지 않음)
• keyup

키보드 키를 누르면 keydown 이벤트가 시작되고 

키를 놓으면 keyup 이벤트가 시작됩니다.

keypress는 문자를 표시하는 키를 누를 때만 발생됩니다.

 

 

1. html

<input id='key_event' type='text' value="Hello" />

 

 

키보드 이벤트를 발생시키면 alert 이 뜨는 자바스크립트 코드

 

Keydown

$('#key_event').keydown(function() {
  alert('keydown');
});

Keyup

$('#key_event').keyup(function() {
  alert('keyup');
});

 

여기까지 키보드 이벤트에 대해서 알아보았습니다.