Keycode tester

Tryck på valfri tangent och se exakt vad webbläsaren rapporterar i sin tangentbordshändelse: tangentvärdet, den fysiska koden, den äldre keyCode, positionen, nedtryckta modifierare, låstangenter och upprepningsflaggan. Användbart för webbutveckling, tangentmappning och för att identifiera en okänd tangent.

Tryck på valfri tangent. Starta full registrering för att även granska Tabb, mellanslag, F-tangenter och kortkommandon (Esc två gånger eller Stopp avslutar).

—
event.key
—
event.code
—
event.keyCode
—
event.location
—
Modifierare
—
Låstangenter på
—
event.repeat
—

event.keyCode och event.which är föråldrade men rapporteras fortfarande av webbläsare; använd event.code för fysiska tangenter och event.key för tecknet som skrivs.

Händelselogg (senaste 80)
typekeycodekeyCodelocationrepeatModifierare

Så använder du keycode tester

  1. Tryck på valfri tangent. Den stora rutan visar tangentvärdet och fälten bredvid visar event.key, event.code, event.keyCode, event.location, nedtryckta modifierare, låstangenter som är på och event.repeat.
  2. Tryck på Starta full registrering för att även granska tangenter som webbläsaren annars använder själv, till exempel Tab, mellanslag, F-tangenter och många genvägar. Tryck snabbt två gånger på Esc, eller på Stopp, för att avsluta.
  3. Öppna händelseloggen för att se de senaste 80 händelserna keydown och keyup i ordning, till exempel för att kontrollera en tangentkombination.
  4. Tryck på Kopiera senaste händelsen (JSON) för att klistra in värdena i en felrapport eller i kod. Rensa logg tömmer listan.

Vad varje värde betyder

  • key: tecknet eller tangentnamnet som skapas, efter layout och modifierare. Shift+2 ger "@" i amerikansk layout och '"' i svensk layout.
  • code: den fysiska tangenten, namngiven efter sin position på ett amerikanskt QWERTY-tangentbord. På ett svenskt tangentbord rapporterar tangenten Ö Semicolon och Å BracketLeft. Använd det för spelkontroller och genvägar som är knutna till position.
  • keyCode (och which i JSON): äldre nummer som är föråldrade men fortfarande rapporteras. De skiljer sig mellan layouter och webbläsare; föredra key eller code i ny kod.
  • location: 0 standard, 1 vänster, 2 höger, 3 numpad. Skiljer vänster från höger Shift, Ctrl, Alt och Meta, och numpad från sifferraden.
  • Modifierare och låstangenter: Control, Shift, Alt och Meta som hålls under händelsen, och om Caps Lock, Num Lock eller Scroll Lock är på, enligt getModifierState().
  • repeat: ja för automatiskt upprepade händelser medan en tangent hålls nere.

Vanliga överraskningar

  • Dead: accenttangenter (döda tangenter), till exempel ´ och ¨ i svensk layout, ger inget tecken förrän nästa tangent, så key blir Dead.
  • Process eller keyCode 229: en inmatningsmetod (till exempel för kinesiska eller japanska, eller vissa telefontangentbord) håller på att komponera text och den riktiga tangenten döljs.
  • AltGr i Windows kommer oftast som Control plus Alt, så du kan se två händelser och båda modifierarna. I svensk layout behövs AltGr för @, £, $ och {.
  • Command-tangenten på Mac: medan Command hålls nere rapporterar webbläsaren inte när andra tangenter släpps.
  • Tom code eller Unidentified: tangentbordet, drivrutinen eller fjärrsessionen angav ingen fysisk tangent. Fn-tangenten syns aldrig eftersom den hanteras inne i tangentbordet.

Begränsningar

Sidan visar det webbläsaren exponerar, efter att operativsystemet och tangentbordslayouten har bearbetat tangenten. Den kan inte visa råa scankoder eller USB HID-data, kan inte se tangenter som operativsystemet tar först (som Ctrl+Alt+Del) och ändrar eller mappar inte om tangenter. Den mäter inte heller tangentbordets fördröjning eller pollingfrekvens. För att kontrollera att varje tangent fungerar, använd tangentbordstestet; för flera tangenter samtidigt, anti ghosting-testet.

Frågor

Vad är skillnaden mellan key och code?

code anger den fysiska tangentens position och är densamma oavsett layout. key är vad trycket ger med aktuell layout och modifierare, till exempel a, A eller @.

Är keyCode fortfarande säkert att använda?

Webbläsarna rapporterar det fortfarande, men det är föråldrat och inkonsekvent mellan layouter och webbläsare. Använd event.key för tecken och event.code för fysiska positioner.

Skickas det jag skriver någonstans?

Nej. Händelserna visas bara på den här sidan och försvinner när du stänger fliken. När du kopierar JSON hamnar den i ditt eget urklipp.

Relaterade tester

Guider