<input type="text"> 또는 <textarea> 에서 키보드 이벤트를 처리하는 방법은 다음과 같다.
<input type="text" id="test" name="test" onkeypress="return handleEnter(this, event, 1)">
<script language=JavaScript>
function handleEnter (field, event, num) {
// 눌려진 키 코드를 가져온다.
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
// Enter 키가 눌린 경우
if (keyCode == 13) {
event.keyCode = null;
if(num == 1){
// 엔터키가 눌렸을 때 처리할 코드
}
}
}
</script>
'test' 라는 텍스트박스 컨트롤에서 onkeypress이벤트의 처리 함수로 handleEnter()를 호출한다.
handleEnter()함수의 입력 파라메터는 this, event, 1 이다.
this는 이벤트를 발생시킨 객체 자신을 나타내는 것이고,
event는 입력된 키보드 키 값을 가져올 때 사용한다.
1은 해당 객체를 프로그램 상에서 다른 객체와 구별하기 위한 구별자이다(즉, 유일해야 한다.)