키보드 키 감지 도구

0 (표준 위치)

⌨️

1 (왼쪽)

일반적인 키 코드 참조

문자 키 (A-Z)

AKeyA (65)
BKeyB (66)
CKeyC (67)
DKeyD (68)
EKeyE (69)
FKeyF (70)
GKeyG (71)
HKeyH (72)
IKeyI (73)
JKeyJ (74)
KKeyK (75)
LKeyL (76)
MKeyM (77)
NKeyN (78)
OKeyO (79)
PKeyP (80)
QKeyQ (81)
RKeyR (82)
SKeyS (83)
TKeyT (84)
UKeyU (85)
VKeyV (86)
WKeyW (87)
XKeyX (88)
YKeyY (89)
ZKeyZ (90)

숫자 키 (0-9)

0Digit0 (48)
1Digit1 (49)
2Digit2 (50)
3Digit3 (51)
4Digit4 (52)
5Digit5 (53)
6Digit6 (54)
7Digit7 (55)
8Digit8 (56)
9Digit9 (57)

펑션 키 (F1-F12)

F1F1 (112)
F2F2 (113)
F3F3 (114)
F4F4 (115)
F5F5 (116)
F6F6 (117)
F7F7 (118)
F8F8 (119)
F9F9 (120)
F10F10 (121)
F11F11 (122)
F12F12 (123)

방향 키

↑ 위ArrowUp (38)
↓ 아래ArrowDown (40)
← 왼쪽ArrowLeft (37)
→ 오른쪽ArrowRight (39)

수정자 키

왼쪽 ShiftShiftLeft (16)
오른쪽 ShiftShiftRight (16)
왼쪽 CtrlControlLeft (17)
오른쪽 CtrlControlRight (17)
왼쪽 AltAltLeft (18)
오른쪽 AltAltRight (18)
왼쪽 MetaMetaLeft (91)
오른쪽 MetaMetaRight (92)

편집 키

EnterEnter (13)
BackspaceBackspace (8)
DeleteDelete (46)
TabTab (9)
SpaceSpace (32)

탐색 키

HomeHome (36)
EndEnd (35)
PageUpPageUp (33)
PageDownPageDown (34)

특수 키

EscapeEscape (27)
CapsLockCapsLock (20)
InsertInsert (45)
PrintScreenPrintScreen (44)
ScrollLockScrollLock (145)
PausePause (19)

숫자 키패드

Num 0Numpad0 (96)
Num 1Numpad1 (97)
Num 2Numpad2 (98)
Num 3Numpad3 (99)
Num 4Numpad4 (100)
Num 5Numpad5 (101)
Num 6Numpad6 (102)
Num 7Numpad7 (103)
Num 8Numpad8 (104)
Num 9Numpad9 (105)
Num *NumpadMultiply (106)
Num +NumpadAdd (107)
Num -NumpadSubtract (109)
Num .NumpadDecimal (110)
Num /NumpadDivide (111)
Num EnterNumpadEnter (13)
NumLockNumLock (144)

구두점 키

;Semicolon (186)
=Equal (187)
,Comma (188)
-Minus (189)
.Period (190)
/Slash (191)
`Backquote (192)
[BracketLeft (219)
\Backslash (220)
]BracketRight (221)
'Quote (222)

키보드 키 감지 도구 정보:

키보드 키 감지 도구는 key, code, keyCode, location 및 수정자 키 상태를 포함한 모든 키의 JavaScript 이벤트 속성을 빠르게 확인할 수 있도록 도와줍니다.

event.key: 누른 키의 문자 값을 반환하며, 키보드 레이아웃과 수정자 키를 고려합니다 (권장).

event.code: 키의 물리적 코드를 반환하며, 키보드 레이아웃에 영향을 받지 않습니다 (권장).

event.keyCode: 숫자 키 코드를 반환합니다. 더 이상 사용되지 않지만 많은 레거시 코드에서 여전히 사용됩니다.

event.which: keyCode와 유사하며, 더 이상 사용되지 않습니다.

event.location: 키보드에서 키의 위치를 나타냅니다 (왼쪽/오른쪽 키 구분에 유용).

수정자 키: Alt, Ctrl, Shift, Meta(⌘ 또는 Win 키)의 상태.