Frontend/jQuery & JSTL
[jQuery] 검색시 enter입력 방법
Mr.6_냥아치
2024. 6. 4. 10:19
반응형
<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는 키보드의 엔터키로 이벤트가 발생함을 인지 하는 것이다.
반응형