Keyboard Event Code 모음 (event.keyCode)

자바스크립트를 이용하여 개발을 하다보면, 사용자에게 입력된 항목에 대하여 검증을 하거나 해야 할때가 있다.

이때 사용자가 키보드의 어떤 키를 눌렀는지 확인을 해야할때가 종종 발생하게 되는데, 이때 발생되는 이벤트의 keyCode 값을 알고 있으면 스크립트를 구현하는데 큰 도움이 된다.

자바스크립트에서 사용되는 keyCode는 ASCII 코드에 의거하여 숫자가 정의되며, 해당 ASCII 코드값을 가지고 Key가 눌렸는지 체크가 가능하다.

다음은 텍스트 박스에서 사용자가 key를 눌렀을때 발생하는 keyCode를 alert 창으로 띄우는 예제이다.

<script type="text/javascript" src="../common/js/jquery-1.11.0.min.js" ></script>
<script type="text/javascript" language="javascript">

	$(document).ready(function(){
		
		// ID가 testTxt 인 텍스트 박스에 key가 눌렸을때 alert 창으로 keyCode를 알려줌
		$("#textinput").keydown(function(e) {
			alert(e.keyCode) ;
		});

	}

</script>

다음은 key에 따라 반한되는 keyCode를 정리한 내용이다. 사실 엔터(Enter) 이외에는 크게 많이 사용되지는 않지만 그래도 알고 있으면 도움이 된다.