Utilia

Pronalazač kodova tastera

Pritisni bilo koji taster i vidi njegove JavaScript vrednosti event.key, event.code, keyCode, which i location, uz modifikatore, istoriju i punu tabelu kodova.

Pritisni „Počni hvatanje tastera“ ili klikni na okvir ispod, pa pritisni bilo koji taster. Klikni van okvira da vratiš tastaturu stranici.

event.key Pritisni taster keyCode – Tab, strelice i prečice se hvataju i ovde.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Uključeni tasteri za zaključavanje
–
Modifikatori
ctrlKey shiftKey altKey metaKey
Istorija tastera (najnoviji prvo)
Istorija tastera (najnoviji prvo)
DogađajkeycodekeyCodelocationModifikatorirepeat
Tabela kodova tastera (US QWERTY)

Tabela kodova tastera (US QWERTY)
keycodekeyCodelocationNapomena

key vrednosti važe za US raspored bez modifikatora; drugi rasporedi daju druge znakove za isti kod. keyCode i which su zastareli, ali se još široko koriste.

Kako se pronalazi kod tastera

  1. Pritisni Počni hvatanje tastera ili klikni veliki okvir. Obojena ivica pokazuje da alat sluša.
  2. Pritisni bilo koji taster ili prečicu. Veliki prikaz pokazuje vrednost key i zastareli keyCode, a kartice ispod navode event.key, event.code, event.keyCode, event.which, event.location, event.repeat i Uključeni tasteri za zaključavanje (Caps Lock, Num Lock, AltGraph).
  3. Oznake Modifikatori svetle za ctrlKey, shiftKey, altKey i metaKey.
  4. Kopiraj JavaScript isečak za ovaj taster. U polju Poređenje po izaberi između event.key, event.code ili event.keyCode (legacy).
  5. Pregledaj Istoriju tastera (najnoviji prvo) da uporediš više pritisaka. Označi Beleži i keyup događaje da vidiš i otpuštanja.
  6. Pregledaj ili filtriraj tabelu Tabela kodova tastera (US QWERTY) kada ti treba vrednost, a ne želiš da pritiskaš taster.

Dok okvir ima fokus, podrazumevana radnja svakog tastera je blokirana, pa se Tab, strelice, Backspace ili Ctrl+S hvataju umesto da pomeraju fokus ili otvaraju dijalog. Klikni bilo gde van okvira da vratiš tastaturu stranici. Nekoliko prečica obrađuje operativni sistem pre nego što ih pregledač vidi (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, često Print Screen), pa ih nijedna veb-stranica ne može pročitati.

key, code ili keyCode: šta koristiti?

Događaj KeyboardEvent nosi nekoliko vrednosti koje odgovaraju na različita pitanja:

Svojstvo Šta govori Primer (taster A na AZERTY rasporedu)
key Znak ili imenovani taster koji nastaje, posle rasporeda i modifikatora "a", "A" uz Shift
code Fizički položaj tastera, nezavisan od rasporeda "KeyQ"
keyCode / which Zastareo broj, obično ASCII kod velikog slova 65
location 0 standardni, 1 levi, 2 desni, 3 numerički deo 0

Koristi key kada je bitno značenje: Enter za slanje, Escape za zatvaranje, „?“ za otvaranje pomoći. Koristi code za igre i prečice koje zavise od položaja tastera, kao što je kretanje sa WASD, koje treba da ostane na istom mestu na francuskoj AZERTY ili nemačkoj QWERTZ tastaturi. U novom kodu izbegavaj keyCode i which: zastareli su, njihove vrednosti za interpunkciju se razlikuju među pregledačima (Firefox šalje 59 za tačku-zarez, a Chrome 186) i ne mogu da razlikuju levi i desni Shift ni dva Enter-a. I dalje ih vredi poznavati kada održavaš stariji kod, zato ih ovaj alat prikazuje.

O isečku

Generisani osluškivač poklapa tačno taster koji si pritisnuo, uključujući Ctrl, Alt i Meta. Za štampane znakove koji se porede po key, Shift se izostavlja jer je već deo vrednosti: Shift+1 daje "!" na US rasporedu. Kada sam pritisneš modifikator, isečak ne ponavlja njegovu oznaku. Zapamti da je metaKey taster Cmd na Mac-u, a Windows taster na PC-ju, pa međuplatformske prečice obično proveravaju event.ctrlKey || event.metaKey.

Česta pitanja

Zašto keyCode pokazuje isti broj za različite znakove?

keyCode identifikuje taster, a ne znak. Cifra 1 i „!“ dele 49, a „a“ i „A“ dele 65. Čitaj key da dobiješ pravi znak.

Zašto je moj taster na AZERTY tastaturi prikazan kao KeyQ?

code imenuje tastere prema njihovom položaju na US QWERTY tastaturi. Taster sa oznakom A na francuskoj tastaturi nalazi se tamo gde je Q na US tastaturi, pa je njegov kod KeyQ, a key je „a“.

Šta znači „Dead“ u event.key?

To je mrtvi taster, kao ^ ili ¨ na francuskoj tastaturi, koji čeka sledeći taster da napravi slovo sa dijakritikom. Konačan znak stiže sa sledećim događajem tastera ili događajem input u tekstualnom polju.

Zašto event.repeat kaže da?

Držiš taster pritisnut, a operativni sistem šalje automatska ponavljanja. Proveri event.repeat da ih zanemariš, na primer da bi se prečica aktivirala samo jednom.

Da li se nešto što upišem beleži ili šalje?

Ne. Događaje tastera čita ova stranica u tvom pregledaču i nikada se nigde ne šalju. Istorija nestaje kada ponovo učitaš ili napustiš stranicu.