[JQUERY] 키보드 이벤트 keydown, keyup, keypress

 

keydown() : 키를 눌렀을 때 이벤트 지정

$('#input').keydown(function (e) {
    if(e.keyCode == 13) {
        // enter key(13) 눌렀을 때 이벤트
    }
})

keyup() : 키를 놓았을 때 이벤트 지정

$('#input').keyup(function (e) {
    if(e.keyCode == 13) {
        // enter key(13) 놓았을 때 이벤트
    }
})

keypress() : 키를 눌렀을 때(keydown 이벤트 이후에) 발생, 영어와 숫자 눌렀을 때만 발생되며 기능키(func, shift 등) 적용 안됨

$('#input').keypress(function (e) {
    // event
})

 

* 키를 눌렀을 때  keydown -> keypress -> keyup

 

[출처] https://blog.naver.com/loudon23/30098930034