KeyboardEvent reikšmė (keyCodes, metaKey ir kt.) - CSS-gudrybės

Kilus KeyboardEventgaisrui, galite patikrinti, kuris klavišas buvo paspaustas, nes tame įvykyje yra informacijos, prieš kurią galite rašyti logiką.

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

Pavyzdžiui, paspausdami „a“ gausite 65. Matyt, geriausia rašyti logiką, pagal kurią, kaip keyCode ir charCode, yra sudėtinga:

Event.which ypatybė normalizuoja event.keyCode ir event.charCode. Rekomenduojama žiūrėti įvykį.kurį klaviatūros klavišui įvesti.

Ir:

Esant paspaudimo klavišui, paspausto klavišo „Unicode“ reikšmė saugoma ypatybėje „keyCode“ arba „charCode“, o ne abu. Jei paspaudus klavišą sukuriamas simbolis (pvz., „A“), charCode nustatomas pagal to simbolio kodą, atsižvelgiant į didžiųjų raidžių raidę. (ty „charCode“ atsižvelgia į tai, ar nuspaudžiamas „Shift“ klavišas). Kitu atveju paspausto klavišo kodas saugomas „keyCode“.

Testerio įrankis

Žr. Chriso Coyierio (@chriscoyier) „Pen event.keyCode“ testerį „CodePen“.

Keycode reikšmės

Čia yra lentelė, kurioje yra reikšmės iš event.which.

Raktas	Kodas
atgalinis	8
skirtuką	9
įveskite	13
pamainą	16
„ctrl“	17
alt	18
pertrauka	19
Didžiosios raidės	20
Pabegti	27
(tarpas)	32
Į viršų	33
puslapis žemyn	34
galas	35
namai	36
kairė rodyklė	37
rodyklė aukštyn	38
rodyklė dešinėn	39
rodyklė žemyn	40
Įdėti	45
Ištrinti	46
0	48
1	49
2	50
3	51
4	52
5	53
6	54
7	55
8	56
9	57
a	65
b	66
c	67
d	68

Raktas	Kodas
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
kairiojo lango klavišas	91
dešiniojo lango klavišas	92
pasirinkite klavišą	93
skaičių klaviatūra 0	96
1 klaviatūra	97
2 klaviatūra	98
3 klaviatūra	99
numpad 4	100
numpad 5	101
numpad 6	102
7 klaviatūra	103

Raktas	Kodas
numpad 8	104
numpad 9	105
padauginti	106
papildyti	107
atimti	109
kablelio	110
padalinti	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
num spyna	144
ridenimo užraktas	145
dvitaškis	186
lygybės ženklas	187
kablelis	188
brūkšnys	189
laikotarpį	190
priekinis pasvirasis brūkšnys	191
sunkus akcentas	192
atviras laikiklis	219
nugaros brūkšnys	220
uždarykite stabdį	221
viena citata	222

Zellas Liewas pastebėjo, kad 3 iš šių „Firefox“ klavišų kodų skiriasi nuo kitų naršyklių

; „Firefox“ yra 59, bet kitose naršyklėse - 186.
= „Firefox“ yra 61, bet kitose naršyklėse - 187.
- yra 173 „Firefox“, bet 189 kitose naršyklėse.

Svarbi pastaba: Šios raktų kodo reikšmės galioja tik vykstant keydownir keyupįvykiams. „Mac“ sistemoje keypressįvykiai suteikia jums visiškai kitokį kodų rinkinį.

Pavyzdžiui: