KeyboardEvent Value (keyCodes, metaKey itd.) - CSS-triki

Pri KeyboardEventpožaru lahko preizkusite, katero tipko ste pritisnili, ker ta dogodek vsebuje informacije, proti katerim lahko napišete logiko.

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

Na primer, s pritiskom na "a" boste dobili 65. Očitno je najbolje, da napišemo logiko, proti kateri sta, saj sta keyCode in charCode zapletena:

Lastnost event.which normalizira event.keyCode in event.charCode. Priporočljivo je gledati event.which za vnos tipk na tipkovnici.

In:

V primeru pritiska na tipko se vrednost Unicode pritisnjene tipke shrani bodisi v lastnost keyCode bodisi charCode, nikoli v obeh. Če pritisnjena tipka ustvari znak (npr. 'A'), je charCode nastavljena na kodo tega znaka ob upoštevanju velikih in malih črk. (tj. charCode upošteva, ali je tipka Shift pridržana). V nasprotnem primeru se koda pritisnjene tipke shrani v keyCode.

Tester orodje

Oglejte si Pen event.keyCode tester Chrisa Coyierja (@chriscoyier) na CodePen.

Vrednosti ključne kode

Tu je tabela, ki vsebuje vrednosti iz event.which.

Ključ	Koda
backspace	8.
zavihek	9.
vnesite	13.
premik	16.
ctrl	17.
višina	18.
premor	19.
caps lock	20.
pobeg	27.
(prostor)	32
stran gor	33
stran navzdol	34
konec	35
domov	36
puščica levo	37
puščica navzgor	38
puščica desno	39
puščica dol	40
vstavi	45
izbriši	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

Ključ	Koda
e	69
f	70
g	71
h	72
jaz	73
j	74
k	75
l	76
m	77
n	78
o	79
str	80
q	81
r	82
s	83
t	84
u	85
v	86
w	87
x	88
y	89
z	90
leva tipka okna	91
desno okensko tipko	92
tipko za izbiro	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

Ključ	Koda
numpad 8	104
numpad 9	105
pomnožite	106
dodaj	107
odštejemo	109
decimalna vejica	110
deli	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 lock	144
zaklepanje drsnika	145
podpičje	186
znak enačbe	187
vejica	188
pomišljaj	189
obdobje	190
poševnica	191
grob naglas	192
odprt nosilec	219
poševnica nazaj	220
tesna oklepa	221
en citat	222

Zell Liew je opazil, da se tri od teh kod v Firefoxu razlikujejo od ostalih brskalnikov

; je v Firefoxu 59, v drugih brskalnikih pa 186.
= je v Firefoxu 61, v drugih brskalnikih pa 187.
- je v Firefoxu 173, v drugih brskalnikih pa 189.

Pomembno: Te vrednosti ključnic so veljavne samo med dogodki keydownin keyupdogodki. Na Macu vam keypressdogodki dajo povsem drugačen nabor kod.

Na primer: