WEB/JavaScript
[JavaScript] 키보드 이벤트 ( 단축키 ) 생성하는 방법
S0PH1A
2019. 4. 3. 16:20
[JavaScript] 키보드 이벤트 ( 단축키/hotkey ) 생성하는 방법
ex) `Ctrl + Alt + c` 을 눌렀을 때 이벤트 생성
var isCtrl, isAlt; // ctrl. Alt 눌림 여부 확인
document.onkeyup = function(e) {
if (e.which == 17) isCtrl = false;
if (e.which == 18) isAlt = false;
}
document.onkeydown = function(e) {
if (e.which == 17) isCtrl = true;
if (e.which == 18) isAlt = true;
console.log(e.which , isCtrl, isAlt)
if (e.which == 67 && isCtrl == true && isAlt == true) { // Ctrl + Alt + c
console.log("ctrl + alt + c");
return false;
}
}
KeyCode
|
←(백스패이스) = 8
TAB = 9
ENTER = 13
SHIFT = 16
CTRL = 17
ALT = 18
PAUSEBREAK = 19
CAPSLOOK = 20
한/영 = 21
한자 = 25
ESC = 27
스패이스 = 32
PAGEUP = 33
PAGEDN = 34
END = 35
HOME =36
←(중간) = 37
↑(중간) = 38
→(중간) = 39
↓(중간) = 40
0 = 48
1 = 49
2 = 50
3 = 51
4 = 52
5 = 53
6 = 54
7 = 55
8 = 56
9 = 57
|
INSERT = 45
DELETE = 46
A = 65
B = 66
C = 67
D = 68
E = 69
F = 70
G = 71
H = 72
I = 73
J = 74
K = 75
L = 76
M = 77
N = 78
O = 79
P = 80
Q = 81
R = 82
S = 83
T = 84
U = 85
V = 86
W = 87
X = 88
Y = 89
Z = 90
윈도우(왼쪽) = 91
윈도우(오른쪽) = 92
기능키 = 93
|
0(오른쪽) = 96
1(오른쪽) = 97
2(오른쪽) = 98
3(오른쪽) = 99
4(오른쪽) = 100
5(오른쪽) = 101
6(오른쪽) = 102
7(오른쪽) = 103
8(오른쪽) = 104
9(오른쪽) = 105
.(오른쪽) = 110
/(오른쪽) = 111
*(오른쪽) = 106
+(오른쪽) = 107
-(오른쪽) = 109
F1 = 112
F2 = 113
F3 = 114
F4 = 115
F5 = 116
F6 = 117
F7 = 118
F8 = 119
F9 = 120
F10 = 121
F11 = 122
F12 = 123
NUMLOCK = 144
SCROLLLOCK = 145
=(중간) = 187
-(중간) = 189
`(왼쪽콤마) = 192
(중간) = 220
|