개발/js·jquery

[jQuery] input 엔터 시 특정 함수 실행

반응형

 

보통 입력폼에서 엔터키를 누르면 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>

 

 

 

반응형