이 기사는 자바 스크립트로 키보드 이벤트 사용을 분석합니다. 참조를 위해 공유하십시오. 세부 사항은 다음과 같습니다.
키보드 이벤트에는 Onkeydown, Onkeypress 및 OnkeyUp의 세 가지 이벤트가 포함됩니다.
이벤트 초기화
함수 keydown () {} document.onkeydown = keydown; // 키보드의 어떤 키를 누르면 keydown () 함수가 호출됩니다.DOM 표준에 따라
함수 키 다운 (e) {var keycode = e. // 해당 키 값을 가져옵니다 (번호) var realkey = string.fromcharCode (e.which); // 키 변경을 나타내는 실제 문자 알림을 가져옵니다 ( "키 코드 :" + keyCode + "문자 :" + RealKey); } document.onkeydown = 키 다운즉
함수 keydown () {var keycode = event.keyCode; // ie var realkey = string.fromcharCode (event.keyCode)에서 키 값을 얻는 메소드; alert ( "키 코드 :" + keycode + "문자 :" + realkey); } document.onkeydown = 키 다운호환 방법
함수 keyup (e) {var curkey = 0, e = e || 이벤트; Curkey = e.keycode || e.which || e.charcode; var keyname = string.FromCharCode (Curkey); ALERT ( "키 코드 :" + Curkey + "문자 :" + keyname); } document.onkeyup = keyup;사용 원리 : 키 다운 이벤트는 기능 키에 가장 유용한 반면 Keypress 이벤트는 인쇄용 키에 가장 유용합니다.
다음 키 코드 값은 텍스트 상자에서만 완전히 유효합니다. <body> 태그에 사용되면 문자 키, 숫자 키 및 부분 제어 키 만 사용할 수 있으며 문자 키 및 숫자 키의 키 값은 ASCII 값과 동일합니다.
문자 및 숫자 키 (키 코드)의 키 코드 값
키 코드
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
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
숫자 키패드 (키 코드)에서 키 코드 값 KeyCode 값 (키 코드)
키 코드
0 96
1 97
2 98
3 99
4 100
5 101
6 102
7 103
8 104
9 105
* 106
+ 107
108을 입력하십시오
-109
. 110
/ 111
F1 112
F2 113
F3 114
F4 115
F5 116
F6 117
F7 118
F8 119
F9 120
F10 121
F11 122
F12 123
키 코드 값 (키 코드) 제어
키 코드
백 스페이스 8
ESC 27
오른쪽 화살표 39
왼쪽 화살표 37
아래쪽 화살표 40
화살표 38
-_ 189
.> 190
Spacebar 32
탭 9
클리어 12
페이지 업 33
페이지 다운 34
13을 입력하십시오
45 삽입
; : 186
삭제 46
`~ 192
/? 191
Num Lock 144
제어 17
홈 36
끝 35
시프트 16
[{219
}] 221
/| 220
=+ 187
, <188
' "222
케이프 잠금 20
alt 18
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.