검색 페이지 작성시 엔터키로 submit 하는 방식입니다.
엔터의 key 코드는 13이기 때문에 key 코드 13인지 확인해서 submit 하면 됩니다.
<!doctype html>
<html lang="kr">
<head>
<meta charset="utf-8">
<title>demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$('form input').keydown(function(e) {
if (e.keyCode == 13) {
$('form').submit();
}
});
</script>
</head>
<body>
<form action="#">
<input type="text" id="searchWord"/>
</form>
</body>
</html>
| 번호 | 제목 | 날짜 | 조회 수 |
|---|---|---|---|
| » | jquery enter key event submit (jquery 엔터키 이벤트) | 2016.11.17 | 7431 |
| 38 |
Table을 DIV로 표현하기 (예제)
|
2016.11.17 | 8071 |
| 37 |
Html 색상표 모음, 색상코드표 (RGB), 이미지X, 복사 가능
|
2016.11.17 | 8653 |
| 36 | jquery 글자 byte, 문자열 byte(바이트) 길이 체크하기 예제 | 2016.11.17 | 9422 |
| 35 | jquery 라디오버튼 선택 확인, 체크박스 선택 확인, 셀렉트박스 선택 확인 | 2016.11.17 | 7730 |
| 34 |
jquery 디데이 계산 (D-day,Dday)
|
2016.11.17 | 9329 |
| 33 | zeroclipboard - 클립보드 복사하기(자바스크립트 클립보드 복사하기) | 2016.10.06 | 7766 |
| 32 | load() 메소드 | 2016.09.21 | 6995 |
| 31 | getJSON() 함수 | 2016.09.21 | 8903 |
| 30 | 속성선택자를 이용해서 링크에 스타일 입히기 | 2016.09.21 | 13955 |
| 29 | getScript() | 2016.09.21 | 7677 |
| 28 | 키보드 이벤트가 발생한 객체의 id값 알아내기 | 2016.09.21 | 8104 |
| 27 | POST 방식으로 인수를 전달하고 그 결과를 받아오기 | 2016.09.21 | 9854 |
| 26 | jQuery 예약어 $ 를 사용하지 못하는 경우 해결책 noConflict() | 2016.09.21 | 7240 |
| 25 | FORM 객체 초기화 하기 | 2016.09.21 | 7867 |
| 24 | 동적으로 콤보(select)의 항목(option) 생성하기 | 2016.09.21 | 14983 |
| 23 | 다른 프레임에 있는 객채 참조하는 방법 | 2016.09.21 | 7024 |
| 22 | 화면 이동시에 레이어가 따라다니게 하기 | 2016.09.21 | 7832 |
| 21 |
hover 메소드를 이용해서 메뉴 on, off를 구현
|
2016.09.21 | 8948 |
| 20 | 체크박스 또는 라디오 버튼의 체크여부 변경하기 | 2016.09.21 | 7278 |
Table을 DIV로 표현하기 (예제)