Back Ground

key event -(key code) 본문

Javascript/JQuery

key event -(key code)

Back 2016. 8. 30. 14:24


javascript에서 key enter 인식 

event.keyCode == 13 (키보드 enter number)




방법1

1
2
3
4
5
$('#my-id').live('keypress'function(e) {
    if (e.which == 13) {/* 13 == enter key@ascii */
        alert("you pressed enter key");
    }
}






방법2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(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">
cs



핵심 코드


 if(event.keyCode == 13)
     {
           alert("you pressed enter key");
     }

$("input[name=searchBook]").keydown(function (key) {
if(key.keyCode == 13){
            searchBook(); //실행 명령
   }

 });





키 코드 보기


http://keycode.info/

키코드 알아보는곳(사이트 들어간후 원하는 키를 누를시 그 코드가 출력 값(number)이 나온다.)





 선택후  키보드를 입력해주세요




'Javascript > JQuery' 카테고리의 다른 글

jQGrid - (checkbox) 생성 및 제어  (5) 2016.08.31
daterangepicker 날짜 지정하기  (1) 2016.08.31
css selector 검색시 .prop('outerHTML')  (0) 2016.08.30
jQGrid  (0) 2016.08.29
시사 JQuery - CSS Styling / Effects & Custom Animations  (0) 2016.08.26
Comments