[JavaScript] 키보드 이벤트 ( 단축키 ) 생성하는 방법

[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