Utilia
Kategorier ▾
Sprog: da ▾

Tastekode-finder

Tryk på en tast, og se dens JavaScript-værdier for event.key, event.code, keyCode, which og location med modifikatorer, tastehistorik og en komplet tabel.

Tryk på »Start registrering af taster«, eller klik på feltet nedenfor, og tryk derefter på en vilkårlig tast. Klik uden for feltet for at give tastaturet tilbage til siden.

event.key Tryk på en tast keyCode – Tab, piletaster og genveje registreres også her.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Låsetaster aktive
–
Modifikatorer
ctrlKey shiftKey altKey metaKey
Tastehistorik (nyeste først)
Tastehistorik (nyeste først)
HændelsekeycodekeyCodelocationModifikatorerrepeat
Oversigt over tastekoder (US QWERTY)

Oversigt over tastekoder (US QWERTY)
keycodekeyCodelocationBemærkning

key-værdierne gælder et amerikansk layout uden modifikatorer; andre layouts giver andre tegn for samme kode. keyCode og which er forældede, men stadig meget udbredte.

Sådan finder du en tastekode

  1. Tryk på Start registrering af taster, eller klik på det store felt. En farvet kant viser, at det lytter.
  2. Tryk på en vilkårlig tast eller genvej. Den store visning viser key-værdien og den forældede keyCode, og kortene nedenunder viser event.key, event.code, event.keyCode, event.which, event.location, event.repeat samt Låsetaster aktive (Caps Lock, Num Lock, AltGraph).
  3. Mærkerne under Modifikatorer lyser for ctrlKey, shiftKey, altKey og metaKey.
  4. Kopiér JavaScript-kodestump til denne tast. Med Match på vælger du mellem event.key, event.code eller event.keyCode (forældet).
  5. Rul gennem Tastehistorik (nyeste først) for at sammenligne flere tryk. Sæt kryds ved Log også keyup-hændelser for også at se, når taster slippes.
  6. Gennemse eller filtrér tabellen Oversigt over tastekoder (US QWERTY), når du har brug for en værdi uden at trykke på tasten.

Mens feltet har fokus, blokeres hver tasts standardhandling, så Tab, piletaster, Backspace eller Ctrl+S registreres i stedet for at flytte fokus eller åbne en dialog. Klik et vilkårligt sted uden for feltet for at give tastaturet tilbage til siden. Nogle få genveje håndteres af operativsystemet, før browseren ser dem (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, ofte Print Screen), så ingen webside kan læse dem.

key, code eller keyCode: hvilken skal du bruge?

En KeyboardEvent indeholder flere værdier, der svarer på forskellige spørgsmål:

Egenskab Hvad den fortæller Eksempel (A-tasten på AZERTY)
key Det tegn eller den navngivne tast, der frembringes, efter layout og modifikatorer "a", "A" med Shift
code Tastens fysiske placering, uafhængig af layoutet "KeyQ"
keyCode / which Et forældet tal, som regel bogstavets ASCII-kode med stort 65
location 0 standard, 1 venstre, 2 højre, 3 numerisk tastatur 0

Brug key, når betydningen tæller: Enter for at sende, Escape for at lukke, »?« for at åbne et hjælpepanel. Brug code til spil og genveje, der afhænger af tasternes placering, for eksempel WASD-styring, som skal blive det samme sted på et fransk AZERTY- eller tysk QWERTZ-tastatur. Undgå keyCode og which i ny kode: de er forældede, deres værdier varierer mellem browsere for tegnsætning (Firefox sender 59 for semikolon, hvor Chrome sender 186), og de kan ikke skelne mellem venstre og højre Shift eller de to Enter-taster. Det er stadig nyttigt at kende dem, når du vedligeholder ældre kode, og derfor viser dette værktøj dem.

Om kodestumpen

Den genererede lytter matcher præcis den tast, du trykkede på, inklusive Ctrl, Alt og Meta. For tegn, der matches på key, udelades Shift, fordi det allerede er en del af værdien: Shift+1 giver "!" på et amerikansk layout. Når du trykker på en modifikator alene, gentager kodestumpen ikke dens flag. Husk, at metaKey er Cmd-tasten på en Mac og Windows-tasten på en pc, så genveje på tværs af platforme tester som regel event.ctrlKey || event.metaKey.

Ofte stillede spørgsmål

Hvorfor viser keyCode det samme tal for forskellige tegn?

keyCode identificerer tasten, ikke tegnet. Cifferet 1 og »!« deler 49, og »a« og »A« deler 65. Læs key for at få det rigtige tegn.

Hvorfor vises min AZERTY-tast som KeyQ?

code navngiver taster efter deres placering på et amerikansk QWERTY-tastatur. Tasten med A på et fransk tastatur sidder, hvor Q sidder på et amerikansk, så dens kode er KeyQ, mens dens key er »a«.

Hvad betyder »Dead« i event.key?

Det er en dødtast, for eksempel ^ eller ¨ på et dansk tastatur, som venter på næste tast for at danne et bogstav med accent. Det endelige tegn leveres af den næste tastehændelse eller af input-hændelsen i et tekstfelt.

Hvorfor siger event.repeat ja?

Du holder tasten nede, og operativsystemet sender automatiske gentagelser. Tjek event.repeat for at ignorere dem, for eksempel for kun at udløse en genvej én gang.

Bliver det, jeg skriver, optaget eller sendt?

Nej. Tastehændelserne læses af denne side i din browser og sendes aldrig nogen steder hen. Historikken forsvinder, når du genindlæser eller forlader siden.

Relaterede værktøjer