엔터 누를 때 폼전송 막고 다른 이벤트 호출하기

input 태그에 검색 내용을 담아 엔터를 눌렀을 때 , 검색 버튼에 걸어놓은 search() 이벤트를 호출하고 싶은데, 자꾸 form이 submit 되면서 화면이 넘어간다.....

 

 

여기서 중요한건 ,

onkeydown 이벤트를 걸 때 먼저 form 전송해주는 이벤트를 막아 주고나서 searchUser()를 호출해주면 된다 !

막아주는 이벤트 : event.preventDefault();

 

변경 전 :

<form:input path="searchKeyword" cssClass="txt"  
	placeholder="검색내용입력" onkeydown="if(event.keyCode == 13){javascript:searchUser();}"/>

 

변경 후 :

<form:input path="searchKeyword" cssClass="txt" 
	placeholder="검색내용입력" onkeydown="if(event.keyCode == 13){event.preventDefault(); javascript:searchUser();}"/>