개발/js·jquery
[jQuery] input 엔터 시 특정 함수 실행
HHHONG
2024. 8. 12. 23:28
반응형
보통 입력폼에서 엔터키를 누르면 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>
반응형