Utilia
Kategorier ▾
Språk: nb ▾

Tastekode-finner

Trykk på en tast og se JavaScript-verdiene event.key, event.code, keyCode, which og location, med modifikatorer, tastehistorikk og en tabell over tastekoder.

Trykk «Start tastefangst» eller klikk i boksen under, og trykk deretter på en tast. Klikk utenfor boksen for å gi tastaturet tilbake til siden.

event.key Trykk på en tast keyCode – Tab, piltaster og hurtigtaster fanges også her.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Låsetaster på
–
Modifikatorer
ctrlKey shiftKey altKey metaKey
Tastehistorikk (nyeste først)
Tastehistorikk (nyeste først)
HendelsekeycodekeyCodelocationModifikatorerrepeat
Oversikt over tastekoder (US QWERTY)

Oversikt over tastekoder (US QWERTY)
keycodekeyCodelocationMerknad

key-verdiene gjelder et amerikansk tastaturoppsett uten modifikatorer. Andre oppsett gir andre tegn for samme kode. keyCode og which er foreldet, men brukes fortsatt mye.

Slik finner du en tastekode

  1. Trykk Start tastefangst, eller klikk i den store boksen. En farget kant viser at verktøyet lytter.
  2. Trykk en tast eller en hurtigtast. Den store visningen viser key-verdien og den gamle keyCode, og kortene under viser event.key, event.code, event.keyCode, event.which, event.location, event.repeat og Låsetaster på (Caps Lock, Num Lock, AltGraph).
  3. Merkene under Modifikatorer lyser opp for ctrlKey, shiftKey, altKey og metaKey.
  4. Kopier JavaScript-kode for denne tasten. Under Match på velger du mellom event.key, event.code eller event.keyCode (legacy).
  5. Bla i Tastehistorikk (nyeste først) for å sammenligne flere tastetrykk. Huk av for Logg også keyup-hendelser for å se når tastene slippes også.
  6. Bruk tabellen Oversikt over tastekoder (US QWERTY) når du trenger en verdi uten å trykke på tasten. Du kan bla eller filtrere i den.

Så lenge boksen har fokus, blokkeres standardhandlingen til hver tast. Tab, piltastene, Backspace og Ctrl+S fanges derfor opp i stedet for å flytte fokus eller åpne en dialog. Klikk et sted utenfor boksen for å gi tastaturet tilbake til siden. Noen få snarveier håndteres av operativsystemet før nettleseren ser dem (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, ofte Print Screen), så ingen nettside kan lese dem.

key, code eller keyCode: hvilken bør du bruke?

En KeyboardEvent har flere verdier som svarer på ulike spørsmål:

Egenskap Hva den forteller deg Eksempel (A-tasten på AZERTY)
key Tegnet eller den navngitte tasten som ble produsert, etter tastaturoppsett og modifikatorer "a", "A" med Shift
code Tastens fysiske plassering, uavhengig av tastaturoppsettet "KeyQ"
keyCode / which Et gammelt tall, som regel ASCII-koden til den store bokstaven 65
location 0 standard, 1 venstre, 2 høyre, 3 talltastatur 0

Bruk key når betydningen er det som teller: Enter for å sende inn, Escape for å lukke, «?» for å åpne et hjelpepanel. Bruk code til spill og hurtigtaster som avhenger av hvor tastene sitter, for eksempel WASD-styring, som skal ligge på samme sted på et fransk AZERTY- eller tysk QWERTZ-tastatur. På et norsk tastatur har tastene Å, Ø og Æ for eksempel koden BracketLeft, Semicolon og Quote, mens key gir selve bokstaven. Unngå keyCode og which i ny kode: de er foreldet, verdiene varierer mellom nettlesere for tegnsetting (Firefox sender 59 for semikolon der Chrome sender 186), og de kan ikke skille venstre og høyre Shift eller de to Enter-tastene fra hverandre. De er likevel nyttige å kjenne til når du vedlikeholder eldre kode, og derfor viser dette verktøyet dem.

Om koden som lages

Den genererte lytteren matcher nøyaktig tasten du trykket på, inkludert Ctrl, Alt og Meta. For skrivbare tegn som matches på key, utelates Shift fordi den allerede er en del av verdien: Shift+1 gir "!" på et amerikansk oppsett. Når du trykker på en modifikator alene, gjentar ikke koden flagget. Husk at metaKey er Cmd-tasten på en Mac og Windows-tasten på en PC, så hurtigtaster som skal fungere overalt, tester som regel event.ctrlKey || event.metaKey.

Ofte stilte spørsmål

Hvorfor viser keyCode samme tall for ulike tegn?

keyCode identifiserer tasten, ikke tegnet. Sifferet 1 og «!» deler 49, og «a» og «A» deler 65. Les key for å få det faktiske tegnet.

Hvorfor vises AZERTY-tasten min som KeyQ?

code navngir taster etter plasseringen på et amerikansk QWERTY-tastatur. Tasten som er merket A på et fransk tastatur, sitter der Q sitter på et amerikansk, så koden er KeyQ, mens key er «a».

Hva betyr «Dead» i event.key?

Det er en døde tast, for eksempel ^ eller ¨, som venter på neste tast for å lage en bokstav med aksent. Det endelige tegnet leveres av den neste tastehendelsen eller av input-hendelsen i et tekstfelt.

Hvorfor sier event.repeat ja?

Du holder tasten nede, og operativsystemet sender automatiske gjentakelser. Sjekk event.repeat for å ignorere dem, for eksempel for å utløse en hurtigtast bare én gang.

Blir noe av det jeg skriver, lagret eller sendt?

Nei. Tastehendelsene leses av denne siden i nettleseren din og sendes aldri noe sted. Historikken forsvinner når du laster siden på nytt eller forlater den.

Relaterte verktøy