상세 컨텐츠

본문 제목

[Jquery] 키보드(keydown)이벤트

Study/JS

by 개발성훈 2021. 2. 16. 11:48

본문

간단한 키다운 이벤트

$(window).keydown(function(e){
        //13 : enter
        //27 : esc
        //37 : ←
        //38 : ↑
        //39 : →
        //40 : ↓
        //48~57 : left 0~9
        //96~105 : right 0~9

            if(e.keyCode==40||e.keyCode==39){
            // ↓ 나 → 를 눌렀을 때 발생하는 이벤트
    }
          if(e.keyCode==38||e.keyCode==37){
            //↑ 나 ← 를 눌렀을 때 발생하는 이벤트
    }
    if(e.keyCode==27){
            close_guide();
    }
})

주로 쓰이는 키의 번호는 다음과 같고 

 

13 : enter

27 : esc

37 : ←

38 : ↑

39 : →

40 : ↓

48~57 : left 0~9

96~105 : right 0~9

 

제이쿼리에서 정리한 키다운 함수 사용방법예제 

https://api.jquery.com/keydown/

관련글 더보기