티스토리 뷰

업무/스프링프로젝트

[JS] 검색시 button 이벤트 / 엔터 이벤트 / click event / keyup event

/daydreamer 2016. 8. 12. 10:48




# 대부분 검색이 input 박스에 무엇인가를 입력하고 검색 버튼을 누르게 되어있다.

버튼 클릭을 하게 되면 버튼의 id를 가지고 click 이벤트를 주게 된다.

1
2
3
4
5
6
7
/* 검색버튼 클릭 */
$('#DDL-searchButton').click(function(){
    $("#DDL-currentPage").val(1);
    $("#DDL-searchKey").val($("#DDL-searchType option:selected").val());
    $("#DDL-searchValue").val($("#DDL-searchValue2").val());
    LogController.showUser();
});
cs



# 검색 버튼을 누르지 않고, input 박스에 검색 할 TEXT 를 입력 하고 

엔터키로 검색이 되게 하려면 input 박스의 id값을 가지고 keyup 이벤트를 설정한다.


1
2
3
4
5
6
7
8
//검색시 enter event 
                $('#DDL-searchValue2').keyup(function(event) {
                    if (event.which == 13) {
                        $("#DDL-searchKey").val($("#DDL-searchType option:selected").val());
                        $("#DDL-searchValue").val($("#DDL-searchValue2").val());
                        LogController.showUser();     
                    }
                });              
cs



저작자표시

'업무 > 스프링프로젝트' 카테고리의 다른 글

[Spring] 분리되어 있는 properties 파일 읽어오기 / SP EL / spring:eval / JSP /Java  (0) 2016.08.24
[JS] selectBox 동적 option / jQuery / append(html)  (0) 2016.08.24
[JS] jQuery datepicker / 달력 플러그인 / 날짜제한검색  (0) 2016.08.04
[JS] 제이쿼리(jQuery) 반복문 / $().each(function(){}); / split  (0) 2016.07.19
[Spring] 몇가지 이해할 수 있게 된 것들(이제보니 이건뭐냐)  (0) 2016.07.19
공유하기 링크
댓글