엔터키로 다음 항목의 요소로 이동 > 공지사항

본문 바로가기
사이트 내 전체검색

공지사항

엔터키로 다음 항목의 요소로 이동

페이지 정보

작성자 최고관리자 댓글 0건 조회 85회 작성일 19-01-27 23:45

본문

업무용 프로그램을 만들다 보면 입려해야 하는 항목들이 많은데 마우스나 탭키로 다음 항목 입력칸을 선택해야 하는데 매우 불편하고 귀찮다. 엔터키로 다음 항목칸으로 바로 이동할 수 있어 편리할뿐더러 입력하는 시간까지 매우 절감된다.

Autocomplete 기능까지 접목하면 순식간에 자료입력이 가능하다.

 

[code]

$(function() {

    auto_cursor();

});

// 작업내역 입력시 엔터키로 다음 입력 항목으로 이동.

function auto_cursor () {

    $("#work_form input, #work_form select").not($(':button, :disabled')).keypress(function (evt) {

        if (evt.keyCode == 13) {

            var fields = $(this).parents('form:eq(0),body').find('input:text, select');

            var index = fields.index(this);

            if ( index > -1 && ( index + 1 ) < fields.length ) {

                //fields.eq( index ).focus().css('background','#ffffff');

                fields.eq( index + 1 ).focus();

                //fields.eq( index + 1 ).focus().css('background','#FFE8E8');

                //console.log("엔터키 자동이동");

            }

            return false;

        }

    }); //엔터키로 INPUT 자동이동

}

[/code]

 

 

아래의 이미지처럼 입력항목이 많은 경우 매우 편리하다.

enter.png

댓글목록

등록된 댓글이 없습니다.

회원로그인

다음맵 : 업체소개용지도
A그룹 두번째 탭
  • 공지사항
  • A-두번째
A그룹 첫번째 탭
A그룹 두번째 탭

접속자집계

오늘
56
어제
65
최대
121
전체
11,652

그누보드5
Copyright © SUU All rights reserved.
상단으로
하단으로