키보드 이벤트

키보드 이벤트

이벤트 이름	설명
keydown	키보드를 누를 때 발생합니다.
keypress	글자가 입력될 때 발생합니다.
keyup	키보드를 뗄 때 발생합니다.

ex) 동적으로 글자 수를 세기

$(document).ready(function() {
	$('textarea').keyup(function() {
		// 남은 글자 수를 구합니다.
		var inputlength = $(this).val().length;
		var remain = 150 - inputLength;

		// 문서 객체에 입력합니다.
		$('h1').html(remain);
	});
});

<키보드 이벤트 발생 순서>

1. 사용자가 키보드를 누릅니다.
2. keydown 이벤트가 발생합니다
3. 글자가 입력됩니다
4. keypress 이벤트가 발생합니다
5. 사용자가 키보드에서 손을 뗍니다
6. keyup 이벤트가 발생합니다