Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 인스펙션
- 리눅스
- 정보처리기사 실기
- 브레인스토밍
- 워크스루
- 비동기
- 모듈화
- S-HTTP
- 프로시저
- 인터페이스
- esb
- SSL/TLS
- input
- 트리거
- rest
- 정처기
- 동기
- 델파이 기법
- 형상관리
- 모듈
- 자바스크립트
- 서버
- Ajax
- EAI
- 키보드 이벤트
- javascript
- 소프트웨어
- 정보처리기사
- 정처기 실기
- 라디오 버튼
Archives
- Today
- Total
방구석 상상코딩
[JavaScript] 키코드 (KeyCode) 본문
가상 키 코드
시스템에 장착된 키보드의 종류에 관계없이 키를 입력받기 위해 만들어진 범용적인 코드이다.
가상 키 코드 기호, 상수 이름, 16진수 값, 마우스 또는 키보드를 보여준다.
가상 키 코드는 아스키코드를 기반으로 만들어져 있으며, 아스키코드에 대한 내용은 아래 글을 참고하면 된다.
2022.01.05 - [ETC] 아스키(ASCII) 코드
Javascript에서 사용하는 키보드 키코드
KEY | KeyCode | ASCII |
0 | 48 | 48 |
1 | 49 | 49 |
2 | 50 | 50 |
3 | 51 | 51 |
4 | 52 | 52 |
5 | 53 | 53 |
6 | 54 | 54 |
7 | 55 | 55 |
8 | 56 | 56 |
9 | 57 | 57 |
A | 65 | 65 |
B | 66 | 66 |
C | 67 | 67 |
D | 68 | 68 |
E | 69 | 69 |
F | 70 | 70 |
G | 71 | 71 |
H | 72 | 72 |
I | 73 | 73 |
J | 74 | 74 |
K | 75 | 75 |
L | 76 | 76 |
M | 77 | 77 |
N | 78 | 78 |
O | 79 | 79 |
P | 80 | 80 |
Q | 81 | 81 |
R | 82 | 82 |
S | 83 | 83 |
T | 84 | 84 |
U | 85 | 85 |
V | 86 | 86 |
W | 87 | 87 |
X | 88 | 88 |
Y | 89 | 89 |
Z | 90 | 90 |
a | 65 | 97 |
b | 66 | 98 |
c | 67 | 99 |
d | 68 | 100 |
e | 69 | 101 |
f | 70 | 102 |
g | 71 | 103 |
h | 72 | 104 |
i | 73 | 105 |
j | 74 | 106 |
k | 75 | 107 |
l | 76 | 108 |
m | 77 | 109 |
n | 78 | 110 |
o | 79 | 111 |
p | 80 | 112 |
q | 81 | 113 |
r | 82 | 114 |
s | 83 | 115 |
t | 84 | 116 |
u | 85 | 117 |
v | 86 | 118 |
w | 87 | 119 |
x | 88 | 120 |
y | 89 | 121 |
z | 90 | 122 |
Numpad 0 | 96 | 48 |
Numpad 1 | 97 | 49 |
Numpad 2 | 98 | 50 |
Numpad 3 | 99 | 51 |
Numpad 4 | 100 | 52 |
Numpad 5 | 101 | 53 |
Numpad 6 | 102 | 54 |
Numpad 7 | 103 | 55 |
Numpad 8 | 104 | 56 |
Numpad 9 | 105 | 57 |
Multiply | 106 | 42 |
Add | 107 | 43 |
Enter | 13 | 13 |
Subtract | 109 | 45 |
Decimal | 110 | 46 |
Divide | 111 | 47 |
F1 | 112 | |
F2 | 113 | |
F3 | 114 | |
F4 | 115 | |
F5 | 116 | |
F6 | 117 | |
F7 | 118 | |
F8 | 119 | |
F9 | 120 | |
F10 | 121 | |
F11 | 122 | |
F12 | 123 | |
Backspace | 8 | 8 |
Tab | 9 | 9 |
Enter | 13 | 13 |
Shift | 16 | 0 |
Left Control | 17 | 0 |
Right Control | 25 | 0 |
Left Alt | 18 | 0 |
Right Alt | 21 | 0 |
Caps Lock | 20 | 0 |
Esc | 27 | 27 |
Spacebar | 32 | 32 |
Page Up | 33 | 0 |
Page Down | 34 | 0 |
End | 35 | 0 |
Home | 36 | 0 |
Left Arrow | 37 | 0 |
Up Arrow | 38 | 0 |
Right Arrow | 39 | 0 |
Down Arrow | 40 | 0 |
Insert | 45 | 0 |
Delete | 46 | 127 |
Num Lock | 144 | 0 |
ScrLk | 145 | 0 |
Pause/Break | 19 | 0 |
; : | 186 | 59 |
= + | 187 | 61 |
– _ | 189 | 45 |
/? | 191 | 47 |
‘~ | 192 | 96 |
[ { | 219 | 91 |
\ | | 220 | 92 |
] } | 221 | 93 |
” ‘ | 222 | 39 |
< , | 188 | 44 |
> . | 190 | 46 |
사용방법
// 문자열 -> 아스키 코드
"문자열".charCodeAt([index]);
var code = "ASCII";
document.writ(val.charCodeAt(4));
// 아스키 코드 -> 문자열
String.fromCharCode([아스키코드 값]);
var code2 = 65;
document.write(String.fromCharCode(code2)); //A
https://blog.munilive.com/posts/keyboard-keycode-value.html
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=diceworld&logNo=220175224345
'Spring Boot > JavaScript' 카테고리의 다른 글
[JavaScript] ajax와 form 전송의 차이 (0) | 2022.01.12 |
---|---|
[JavaScript] Ajax 개념 및 사용 (0) | 2022.01.05 |
[JavaScript] 이벤트 핸들러와 Javascript Event (0) | 2022.01.05 |
[JavaScript] 키보드 이벤트 (0) | 2022.01.05 |
[JavaScript] Ajax async 옵션 (0) | 2022.01.04 |