JavaScript, jQuery, Java
[JavaScript] input 창 에서 엔터 키 검색 이벤트
보리하늘
2017. 12. 28. 15:14
반응형
네이버 검색창에 키워드를 입력 후 엔터를 치면 바로 검색 되듯
별도의 클릭 없이 입력 후 바로 이벤트 발생시키고 싶을 때!
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script> function searchData(){ ... } </script> <body> <input type="text" id="search" onkeypress="if( event.keyCode == 13 ){searchData();}" /> </body> | cs |
**Tip
onkeypress 부분을 input 이 아닌 body 태그에 함께 써주게 되면 input box 외의 공간에서도
엔터 이벤트가 발생된다.
form 안에 text 타입의 input 박스가 하나만 존재 할 경우(hidden 제외) input 박스에서 엔터를 치면 자동으로 form submit이 된다고 한다.
이 때,
<form onsubmit="return false">
</form>
과 같이 onsubmit 을 추가해 자동으로 submit 되는 것을 막는다.
728x90
반응형