jquery 엔터 키 이벤트 (jquery, keydown)

 

입력창에서 엔터키를 눌렀을때 발생하는 이벤트를 작성해 보았습니다.

 

아래 소스를 참고하여 주시기 바랍니다.

<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
    $("input[name=searchBook]").keydown(function (key) {
 
        if(key.keyCode == 13){//키가 13이면 실행 (엔터는 13)
            searchBook();
        }
 
    });
    
    searchBook = function (){
        //검색 찾는 로직 구현
        alert($("input[name=searchBook]").val());
    };
    
});
 
</script>    
 
<!-- 검색창 -->
<input type="search" name="searchBook">