JavaScript Event 정지하기
Written by munilive on (Updated: )Javascript를 이용하여 사용자의 키보드 입력에 따른 처리를 할 경우 Enter 입력으로 인하여 자동으로 Form이 전송되는 것을 막아야 할 때가 있다.
보통 <Form onSubmit=”return Function()”>
등으로 처리할 수 있으나 그 외 특수한 상황에서 사용해야 할 경우 이벤트를 중간에 정지시킬 수 있다.
IE
event.returnValue = false;
Firefox/Safari/Chrome
event.preventDefault();
만약, <form>
을 사용하는 <form>
안에 <button>
이 존재할 경우 반드시 type='button'
을 주어야 한다. 그러지 않을 경우 button의 기본 동작을 submit으로 인식하여, form의 데이터가 중복 발송되는 경우가 발생한다.