반응형
<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는 키보드의 엔터키로 이벤트가 발생함을 인지 하는 것이다.
반응형
'Frontend > jQuery & JSTL' 카테고리의 다른 글
[jQuery] 새 창 / 새 탭으로 링크 열기 (0) | 2024.09.04 |
---|---|
[jQuery] 회고 7/8 (0) | 2024.07.08 |
[Tile&JSP] Template 및 Tile에 Custom한 페이지 적용 (0) | 2024.05.16 |
[JSTL] ajax 사용시 변수 업데이트 (0) | 2024.04.29 |
[JSTL] 옵션값 선택 (0) | 2024.04.24 |