반응형
보통 입력폼에서 엔터키를 누르면 form이 전송되는데 전송되지 않고 특정 스크립트가 실행되게 하려면 아래처럼 스크립트를 추가해주면 된다.
여기서 keyCode == 13이 엔터키를 의미하고, 엔터키 누르면 form submit 대신 특정 스크립트(f_search)를 실행하게 된다.
<form>
<input type="text" id="stx">
<button onclick="f_search()"></button>
</form>
<script>
$("#stx").keydown(function (e) {
if (e.keyCode == 13) {
f_search();
e.preventDefault();
}
});
function f_search() {
/*스크립트*/
}
</script>
반응형
'개발 > js·jquery' 카테고리의 다른 글
스크롤 애니메이션 효과 wow.js (1) | 2024.10.06 |
---|---|
[에러] Uncaught TypeError: Cannot read properties of undefined (reading 'split') (0) | 2024.08.30 |
[CSS/jQuery] 크기가 다른 Grid item 자동 정렬 하기 (0) | 2024.08.15 |
자바스크립트 예약어 (2) | 2024.02.27 |
[jQuery] 새로고침 시 스크롤 위치 맨위로 리셋해주는 스크립트 (4) | 2023.11.19 |
[jQuery] 스크롤 이벤트 / 스크롤 특정 위치에 따라 효과 변경 (4) | 2023.11.19 |
[jQuery] Swiper 슬라이더 버튼 컬러 변경 (Navigation, Pagination) (4) | 2023.11.06 |
[jQuery] 날짜선택 플러그인 DatePicker 옵션 (2) | 2023.09.12 |