웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
jq로 데이터 입력시 enter키 먹게 하기
2014.11.27 12:16
언제부턴가 JQ가 대세가 되면서 FORM을 AJAX 로 데이터 처리를 하고 있습니다. 물론 장점도 많기는한데 enter키가 안먹는 경우가 있습니다.
이럴때 ENTER키를 입력을 검출해서 사용합니다.
물론 TEXTAREA는 아니고 일반 FORM INPUT에 적용하셔야 될겁니다.
jQuery( "#msg_input" ).keypress(function( event ) {
if ( event.which == 13 ) {
event.preventDefault();
chat_msg(); // 저장 실행 함수
}
});
채팅 프로그램을 xe에 만들었는데 enter키가 안되고 클릭해야 되서 만들게 되었습니다. 도움되셨으면 합니다.
옛날 베이직 생각나는 문법입니다. inkey 함수 아시는 분들은 아실겁니다. 그냥 13 코드는 예나 지금이나 RETURN OR ENTER그대로네요. 세상은 변화하는데 기본적인건 그대로 인듯합니다.
댓글 3
-
GG
2014.11.27 21:53
-
퍼니엑스이
2014.11.28 19:58
jquery 인 것 같은데요. -
AJKJ
2014.12.03 02:58
jQuery('#form_id').submit(function(e) {
e.preventDefault();
/*
Ajax처리
*/
});
개인적으로는 이 방법이 더 깔끔한것 같습니다.
이렇게하면 click event, keypress event 구분없이 하나로 처리 가능해 보입니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
파일첨부 된 글을 게시글 이동시, 사용자정의 값이 전부 삭제되는 버그 패치 [5] | sejin7940 | 2014.11.20 |
누리고 쇼핑몰 - 모바일 버전에서 상품몰에 취소/환불 부분이 적용안되는부분 해결 하는 팁 | garnecia | 2014.11.23 |
누리고쇼핑몰-모바일 이니시스 결제에서 필수요청값 누락 에러로 결제 안되는것 해결하는 미봉책 | garnecia | 2014.11.23 |
XE 코어의 메일전송을 우리알림 모듈로 대체하는 방법 [30] | GG | 2014.11.24 |
xe 어플 개발시 키캡 4.4.4 미만 업로드 문제 [3] | Happyphp | 2014.11.25 |
Animate 사용 | 돼지코구뇽 | 2014.11.26 |
bing 번역 함수 만들어 사용하기 | Happyphp | 2014.11.26 |
jq로 데이터 입력시 enter키 먹게 하기 [3] | Happyphp | 2014.11.27 |
페이지에 명언,좋은글,책속의 한줄 랜덤으로 뿌리기 [1] | 고니 | 2014.12.02 |
PDF 뷰어 팁 [4] | 돼지코구뇽 | 2014.12.06 |
IE에서 스크립트 생성 iframe 요소에 name 속성 지정이 무시될 때 | 신평 | 2014.12.08 |
폰갭 작업시 폰 내부 html에 변수 전달 방법 (get) | Happyphp | 2014.12.09 |
파일 삭제시 (글 수정시 파일삭제 / 파일관리에서 삭제 등) 사용자정의값이 삭제되지 않도록 패치 [3] | sejin7940 | 2014.12.11 |
위젯 많은 페이지 - 부하 분산으로 속도 향상하기 [4] | 엘카 | 2014.12.12 |
여러게시물을 작성시 쓰기버튼 노출의 여부로 고생할 때.. | BJ람보 | 2014.12.15 |
제이쿼리 충돌시 팁 | 바나나소프트 | 2014.12.15 |
날짜비교 함수 [1] | 별을따는소년 | 2014.12.17 |
CSS 코드를 손쉽게 prefix/minify 변환해주는 사이트 | sojumeister | 2014.12.18 |
XE 템플릿에서 $_SESSION 변수 사용하기 | 신평 | 2014.12.21 |
관리자 페이지 날짜 검색과 스크랩. [1] | 무얼까2 | 2014.12.24 |
jq가 뭔가용?