KeyboardEvent Value (kodovi ključeva, metaKey, itd.) - CSS-trikovi

Prilikom KeyboardEventpožara možete testirati koja je tipka pritisnuta jer taj događaj sadrži informacije protiv kojih možete napisati logiku.

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

Na primjer, pritiskom na "a" dobit ćete 65. Očito je najbolje napisati logiku protiv koje su, budući da su keyCode i charCode složeni:

Svojstvo event.which normalizira event.keyCode i event.charCode. Preporučuje se gledanje događaja.koji za unos tipki na tipkovnici.

I:

U slučaju pritiska tipke, vrijednost Unicodea pritisnute tipke pohranjuje se u svojstvo keyCode ili charCode, a nikada u oboje. Ako pritisnuta tipka generira znak (npr. 'A'), charCode se postavlja na kôd tog znaka, poštujući velika i mala slova. (tj. charCode uzima u obzir je li tipka Shift pritisnuta). Inače, kôd pritisnute tipke pohranjuje se u keyCode.

Alat za ispitivanje

Pogledajte olovku event.keyCode tester Chrisa Coyiera (@chriscoyier) na CodePenu.

Vrijednosti ključnog koda

Evo tablice koja sadrži vrijednosti iz event.which.

Ključ Kodirati povratni prostor 8 tab 9 Unesi 13 smjena 16 ctrl 17 alt 18 stanka / pauza 19 caps lock 20 pobjeći 27 (prostor) 32 stranicu gore 33 stranica niže 34 kraj 35 Dom 36 lijeva strelica 37 strelica prema gore 38 desna strijela 39 strelica dolje 40 umetnuti 45 izbrisati 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č Kodirati e 69 f 70 g 71 h 72 ja 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 g 89 z 90 lijeva tipka prozora 91 tipka desnog prozora 92 tipka za odabir 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č Kodirati numpad 8 104 numpad 9 105 pomnožiti 106 dodati 107 oduzeti 109 decimalna točka 110 podijeliti 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 pomicanje brave 145 točka i zarez 186 znak jednakosti 187 zarez 188 crtica 189 razdoblje 190 kosa crta 191 grobni naglasak 192 otvorena zagrada 219 stražnja kosa crta 220 bliska zagrada 221 jedan navodnik 222

Zell Liew primijetio je da su se tri od ovih kodova u Firefoxu razlikovale od ostalih preglednika

• ; je 59 u Firefoxu, ali 186 u ostalim preglednicima.
• = je 61 u Firefoxu, ali 187 u ostalim preglednicima.
• - je 173 u Firefoxu, ali 189 u ostalim preglednicima.

Važna napomena: Vrijednosti ovih kodova vrijede samo za vrijeme događaja keydowni tijekom keyupdogađaja. Na Macu vam keypressdogađaji daju potpuno drugačiji skup kodova.

Na primjer:

Ključ	event.which u keydown	event.which u pritisku tipke
a	65	97
b	66	98
c	67	99