검색결과 리스트
KeyDown에 해당되는 글 1건
- 2011.12.19 [Javascript] Enter 키 클릭시 전송기능 구현
글
위와 같은 폼이 있습니다.
조건을 선택하고 검색 버튼을 클릭하면은 해당 결과가 아래의 그리드에 나타납니다.
조건 TEXT에 입력하고 Enter키를 누르면 검색 버튼을 클릭하는것도 같은 효과를 나타내주고 싶을때 입니다.
onSubmit="return false;" 꼭 작성해 주셔야 클릭시에 폼이 자동으로 전송되는건 막아줍니다.
* onSubmit="return false;" 하는 이유 : http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=155693
jQuery(document).ready(function($) {
$("#listForm input[name=srch_text]").keydown(function(e){
if(e.keyCode == 13){
e.cancelBubble = true;
$("#btn_search").click();
return false;
}
});
});
keyDown이벤트를 잡고 enter키를 확인합니다. 이벤트가 전파되지 않게 e.cancelBubble 를 true 넣어줍니다.
'JavaScript > JavaScript' 카테고리의 다른 글
| [javascript] JSON.stringify() 메소드 만들어 보기 (0) | 2012.02.08 |
|---|---|
| [javascript] DOMContentLoaded (0) | 2012.01.18 |
| [Javascript] IE 버전 확인 (0) | 2011.12.17 |
| [Javascript] 현재 브라우져 이름 알아내는 함수 (0) | 2011.12.15 |
| [Javascript] 변수의 유효범위 (함수단위) (0) | 2011.12.13 |
RECENT COMMENT