방구석 상상코딩

[JavaScript] 키코드 (KeyCode) 본문

Spring Boot/JavaScript

[JavaScript] 키코드 (KeyCode)

알 수 없는 사용자 2022. 1. 5. 08:53

가상 키 코드

시스템에 장착된 키보드의 종류에 관계없이 키를 입력받기 위해 만들어진 범용적인 코드이다. 

가상 키 코드 기호, 상수 이름, 16진수 값, 마우스 또는 키보드를 보여준다. 

 

가상 키 코드는 아스키코드를 기반으로 만들어져 있으며, 아스키코드에 대한 내용은 아래 글을 참고하면 된다.

2022.01.05 - [ETC] 아스키(ASCII) 코드

 

아스키(ASCII) 코드

문자 인코딩(Character Encoding) 사용자가 입력한 문자나 기호들을 컴퓨터가 이용할 수 있는 신호로 만드는 것이다. 0과 1의 디지털 신호(2진수)로 변환한다. 아스키(ASCII) 미국 국립 표준 협회(ANSI)에

roomkok-ic.tistory.com

 

Javascript에서 사용하는 키보드 키코드

https://keycode.info/

 

JavaScript Event KeyCodes

Press any key to get the JavaScript event keycode

keycode.info

 

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

 

Javascript 키보드 키코드 값

키보드의 키별 ASCII 코드값을 표로 정리하였다. 자주 사용되는 만큼 즐겨찾기 해두고 필요시마다 확인하기 위한 글이다.

blog.munilive.com

 

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=diceworld&logNo=220175224345 

 

자바스크립트 아스키코드 변환하기 (charCodeAt / fromCharCode)

- charCodeAt / fromCharCode 란? charCodeAt 은 문자열중 하나를 선택하여 아스키코드 번호로 변환...

blog.naver.com