KeyboardEvent vērtība (keyCodes, metaKey utt.) - CSS-triki

Kad KeyboardEventaktivizēts, jūs varat pārbaudīt, kuras galvenais tika nospiests, jo šis notikums satur informāciju varat rakstīt loģiku pret.

document.addEventListener("keydown", function(event) ( console.log(event.which); ))

Piemēram, nospiežot “a”, jūs iegūsiet 65. Acīmredzot vislabāk ir rakstīt loģiku, pret kuru, tā kā keyCode un charCode ir sarežģīti:

Īpašums event.which normalizē event.keyCode un event.charCode. Ieteicams skatīties event.which tastatūras taustiņu ievadīšanai.

Un:

Nospiežot taustiņu, nospiestās atslēgas Unicode vērtība tiek saglabāta rekvizītā keyCode vai charCode, nekad abos. Ja nospiestais taustiņš ģenerē rakstzīmi (piemēram, “a”), charCode tiek iestatīts uz šīs rakstzīmes kodu, ievērojot burtu reģistru. (ti, charCode ņem vērā, vai Shift taustiņš tiek turēts nospiests). Pretējā gadījumā nospiestā taustiņa kods tiek saglabāts keyCode.

Testa rīks

Skatiet Kriss Koijera (@chriscoyier) pildspalvas event.keyCode testeri vietnē CodePen.

Atslēgas koda vērtības

Šeit ir tabula, kurā ir vērtības no event.which.

Atslēga	Kods
Backspace	8
cilni	9
ievadiet	13
maiņa	16
ctrl	17
alt	18
pauze / pārtraukums	19
lielie burti	20
aizbēgt	27
(atstarpe)	32
lapu uz augšu	33
lapu uz leju	34
beigas	35
mājas	36
kreisā bultiņa	37
augšupvērstā bultiņa	38
labā bultiņa	39
bultiņa uz leju	40
ievietot	45
dzēst	46
0	48
1	49
2	50
3	51
4	52
5	53
6	54. lpp
7	55
8	56
9	57
a	65
b	66
c	67
d	68

Atslēga	Kods
e	69
f	70
g	71.
h	72
i	73.
j	74.
k	75
l	76
m	77
n	78
o	79
lpp	80
q	81.
r	82
s	83.
t	84.
u	85
v	86
w	87
x	88
y	89
z	90
kreisā loga taustiņš	91
labā loga taustiņš	92
izvēlieties taustiņu	93
numpad 0	96
numpad 1	97
numpad 2	98
numpad 3	99
numpad 4	100
numpad 5	101
numpad 6	102
numpad 7	103.

Atslēga	Kods
numpad 8	104
numpad 9	105
vairoties	106. lpp
pievienot	107
atņemt	109.
aiz komata	110
sadalīt	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. lpp
num bloķēšana	144
ritināšanas bloķēšana	145
pusstūris	186. gads
vienādības zīme	187
komats	188
domuzīme	189
periodā	190
uz priekšu slīpsvītra	191
kapa akcents	192
atvērta iekava	219
muguras slīpsvītra	220
aizveriet bremzi	221
viens citāts	222

Zels Lēvijs pamanīja, ka 3 no šiem atslēgu kodiem Firefox pārlūkprogrammā atšķiras no pārējiem pārlūkiem

; ir 59 Firefox, bet 186 citās pārlūkprogrammās.
= ir 61 Firefox, bet 187 citās pārlūkprogrammās.
- ir 173 Firefox, bet 189 citās pārlūkprogrammās.

Svarīga piezīme. Šīs atslēgas koda vērtības ir derīgas tikai notikumu keydownun keyupnotikumu laikā. Operētājsistēmā Mac keypressnotikumi nodrošina pilnīgi atšķirīgu kodu kopu.

Piemēram: