Input 태그 폼에서 엔터키를 눌러도 자동 Submit 안되게 하려면

event.preventDefault()

 

 

event.preventDefault()

 

 

검색을 위해 input 태그를 사용해서 서버에 값을 전달 호출하던 중,
엔터를 눌렀더니 Submit 이 자동 발생하게 되어  href 를 통해 이동하거나 , 창이 새로고침하여 실행되었다.

이거 안되게 막으려면...

event.preventDefault() 를 사용한다.

preventDefault 를 해석하면 "기본값 방지"이다.
즉, 이벤트에 대한 기본값 변경을 막겠다는 것이다.

 

$('input[type="text"]').keydown(function(e) {   // input 태그의 text 타입에 키다운 이벤트라면
     if (e.keyCode === 13) {   // 엔터키 이벤트라면
          e.preventDefault();   // submit을 막아라.
     };
});