[Javascript] 이벤트 처리

input 박스에서 키입력을 제어하는 경우의 예를 들어보자.

<script>
  function foo() {
    if(event.keyCode == 13){
     login();
   }
  }
  function login() { // do something..
  }
</script>

<input type="text" name="account">
<input type="password" name="password" onKeyPress="javascript:foo();">

이 코드는 계정(account)와 비밀번호(password)를 입력한 후, 비밀번호 입력창에서 엔터(13)를 치면 로그인 프로세스가 실행되는 예이다.

이 코드는 IE에서만 동작한다. Firefox에서도 동작하기를 원한다면 다음과 같이 작성한다.

<script>
  function foo(event) {
    if(event.keyCode == 13){
     login();
   }
  }
  function login() { // do something..
  }
</script>

<input type="text" name="account">
<input type="password" name="password" onKeyPress="javascript:foo(event);">