Este artigo analisa o uso de eventos de teclado em JavaScript. Compartilhe para sua referência. Os detalhes são os seguintes:
O evento do teclado inclui três eventos: onkeydown, onkeypress e onkeyup
Inicialização do evento
function keydown () {} document.onkeydown = keydown; // A função keydown () será chamada ao pressionar qual tecla no teclado.Sob o padrão dom
função keydown (e) {var keycode = e.which; // obtenha o valor da chave correspondente (número) var realkey = string.fromCharcode (e.which); // Obtenha o alerta de caractere real que representa a mudança de chave ("KeyCode:" + Keycode + "caractere:" + realkey); } document.onkeydown = keydownOu seja
function keydown () {var keycode = event.keycode; // método para obter o valor da chave no ie var realkey = string.fromCharcode (event.keycode); alert ("KeyCode:" + Keycode + "caractere:" + realKey); } document.onkeydown = keydownMétodo compatível
função keyup (e) {var currkey = 0, e = e || evento; currkey = e.KeyCode || ewhich || e.charcode; var keyname = string.fromCharcode (currkey); alerta ("Código da chave:" + currkey + "caractere:" + Keyname); } document.onkeyup = keyup;Princípio do uso: o evento KeyDown é mais útil para teclas de função, enquanto o evento KeyPress é mais útil para teclas imprimíveis
Os seguintes valores de código -chave são totalmente válidos na caixa de texto. Se usados na tag <body>, apenas as teclas de letra, as teclas numéricas e as teclas de controle parcial estão disponíveis, e os valores -chave das teclas da letra e as teclas numéricas são as mesmas que o valor ASCII.
Valor do código -chave das letras e teclas numéricas (código de chave)
Código -chave
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
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
Valor do código -chave das chaves no teclado numérico (KeyCode) Função KeyCode Value (KeyCode)
Código -chave
0 96
1 97
2 98
3 99
4 100
5 101
6 102
7 103
8 104
9 105
* 106
+ 107
Digite 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
Controle o valor do código da chave (código -chave)
Código -chave
Backspace 8
ESC 27
Arrow direita 39
Arrow esquerda 37
Arrow 40
Apta de seta 38
-_ 189
.> 190
Barra de espaço 32
TAB 9
Limpe 12
Página UP 33
Página 34
Digite 13
Insira 45
;: 186
Exclua 46
`~ 192
/? 191
Num Lock 144
Controle 17
Home 36
Fim 35
Turno 16
[{219
}] 221
/| 220
=+ 187
, <188
222
Cape Lock 20
Alt 18
Espero que este artigo seja útil para a programação JavaScript de todos.