본문 바로가기

Frontend/jQuery & JSTL

[jQuery] 검색시 enter입력 방법

반응형
<input type="text" title="Enter Search Keyword" id="title" name="title" value="${search.title}">
...
<script>
$(document).ready(function () {
	// method 1
    $("#title").keydown(function(key) {
        if (key.keyCode == 13) {
			$("#nowPage").val(0);
			var csrf_token = "${csrfToken}";
	        var title = $("#title").val();
	        $("#csrf_token").val(csrf_token);
	        location.href = "<c:url value='/en/board/${bbsCode}'/>?title=" + title;
        }
    })
    // method 2
    $("#title").keydown(function(event) {
        if (event.key === 'Enter') {
			$("#nowPage").val(0);
			var csrf_token = "${csrfToken}";
	        var title = $("#title").val();
	        $("#csrf_token").val(csrf_token);
	        location.href = "<c:url value='/en/board/${bbsCode}'/>?title=" + title;
        }
    })
});
</script>

 

method1은 키보드의 번호로 입력을 받는 것이다.

method2는 키보드의 엔터키로 이벤트가 발생함을 인지 하는 것이다.

반응형