JavascriptSnippets

JavaScript Event 정지하기

Javascript를 이용하여 사용자의 키보드 입력에 따른 처리를 할 경우 Enter 입력으로 인하여 자동으로 Form이 전송되는 것을 막아야 할 때가 있다.
보통 <Form onSubmit=”return Function()”> 등으로 처리할 수 있으나 그 외 특수한 상황에서 사용해야 할 경우 이벤트를 중간에 정지시킬 수 있다.

  • IE

     event.returnValue = false;
    
  • Firefox/Safari/Chrome

     event.preventDefault();
    

만약, <form>을 사용하는 <form>안에 <button>이 존재할 경우 반드시 type='button'을 주어야 한다. 그러지 않을 경우 button의 기본 동작을 submit으로 인식하여, form의 데이터가 중복 발송되는 경우가 발생한다.