반응형
네이버 검색창에 키워드를 입력 후 엔터를 치면 바로 검색 되듯
별도의 클릭 없이 입력 후 바로 이벤트 발생시키고 싶을 때!
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
반응형
'JavaScript, jQuery, Java' 카테고리의 다른 글
| [JavaScript] bootstrap-datetimepicker.min.js "b.locale is not a function" 에러 (0) | 2018.12.17 |
|---|---|
| Object 배열 ajax 로 Java 에 넘기기 (String 을 JSONArray 로, JSONArray 를 List Map 으로) (2) | 2018.12.17 |
| [JavaScript] 서버 데이터 JSTL 로 사용하기 (0) | 2017.12.28 |
| input 박스에 숫자만 입력하기 - 함수 생성 (0) | 2017.12.28 |
| 이클립스 톰캣 이미지 업로드 후 경로/새로고침 엑박 (0) | 2017.12.21 |
댓글