[TIL] 엔터칠 때 검색하기

검색 관련 기능을 만들고 테스트하는데
엔터쳤을 때 검색이 안되는 것을 발견했다.
아뿔싸…! 이것도 설정해야 한다는 것을 새까맣게 모르고 있었다 ㅠㅠ

---

검색창에 검색어 입력 후 엔터쳤을때, 이벤트를 따로 걸지 않으면 아무런 동작도 일어나지 않는다.
엔터를 쳤을 때, 검색버튼을 눌렀을 때와 같은 이벤트가 걸리게 하려면 onkeypress 를 사용해야 한다.
검색버튼을 클릭했을 때 조건대로 검색하는 이벤트가 이미 버튼에 걸려있다고 했을 때,

<input type="text" placeholder="" title="검색 키워드" 
    class="text_input" onkeypress="if(event.keyCode==13){$('.submit').click();return false;}">

<button type="button" class="submit"><span class="hidden">검색</span></button>

onkeypress로 keycode가 13, 즉 엔터일 때 검색버튼이 클릭되도록 이벤트를 걸었다.
엔터를 누르면 버튼에 걸린 이벤트가 실행된다:)

기능을 이용할 때 이런 기본적인 부분을 놓치고 있었다니..ㅠㅠ
다음부터는 사소한 부분까지도 한 번 더 꼼꼼하게 체크하는 능력을 길러야겠다!