반응형
1. keyup
키보드에서 손을 땠을 때 실행
2. keydown
키보드를 눌렀을 때 실행
키보드를 누르고 있을 때 한번만 실행됨
3. keypress
키보드를 눌렀을 때 실행
키보드를 누르고 있을 때 계속 실행됨
* Ctrl, Alt, Shift 키 등은 keydown에서는 작동하지만 keypress 에서 작동하지 않음
* keyCode ASCII code 값
keydown, keyup에서는 a = 65, A = 65로 동일하게 보여짐
keypress에서는 a = 97, A = 65로 다른 값이 보여짐
-> Caps Lock 여부 체크, 대소문자 구분을 통한 로직 작성 가능
* FireFox 에서의 버그
event.keyCode 가 파이어폭스에서 동작안할 수 있음 따라서 keyCode 사용 시 아래와 같이 사용하면 됨
var keyCode = event.keyCode ? event.keyCode : event.which;
keydown, keypress 는 이전 누른 값을 가지고 있음
keyup 은 한글 처리 가능 및 현재 누른 값을 가지고 있음
반응형
'프로그래밍 > Script' 카테고리의 다른 글
7 JavaScript Web APIs to build Futuristic Websites you didn’t know (0) | 2023.07.04 |
---|---|
[script] 입력창 글자수 제한 (0) | 2023.07.03 |
document.ready() vs window.load() 차이 (0) | 2023.07.03 |
[jQuery] jQuery .each , $.trim li에서 텍스트 추출, 공백제거 (0) | 2023.06.23 |
[jQuery] jQuery .data() (0) | 2023.05.30 |