IT 위키 - 사용자 기여 [ko]

Javascript 단축키 생성

2023-05-08T10:34:16Z

개발새발:

Javascript로 웹 페이지에서 단축키 사용 가능하게 만들기

== 예제 ==
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;
}
}

== 같이 보기 ==

* [[Javascript 키 코드]]

Javascript 키 코드

2023-05-08T10:33:41Z

개발새발: 새 문서: '''KeyCode''' {| class="wikitable" | * ←(백스패이스) = 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 *...

'''KeyCode'''
{| class="wikitable"
|
* ←(백스패이스) = 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
|}

Javascript 단축키 생성

2023-05-08T10:32:13Z

개발새발: 새 문서: Javascript로 웹 페이지에서 단축키 사용 가능하게 만들기 == 예제 == 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)...