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
- –
- event.code
- –
- event.keyCode
- –
- event.which
- –
- event.location
- –
- event.repeat
- –
- Uključeni tasteri za zaključavanje
- –
| Događaj | key | code | keyCode | location | Modifikatori | repeat |
|---|
| key | code | keyCode | location | Napomena |
|---|
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
- Pritisni Počni hvatanje tastera ili klikni veliki okvir. Obojena ivica pokazuje da alat sluša.
- Pritisni bilo koji taster ili prečicu. Veliki prikaz pokazuje vrednost
keyi zastarelikeyCode, a kartice ispod navodeevent.key,event.code,event.keyCode,event.which,event.location,event.repeati Uključeni tasteri za zaključavanje (Caps Lock, Num Lock, AltGraph). - Oznake Modifikatori svetle za
ctrlKey,shiftKey,altKeyimetaKey. - Kopiraj JavaScript isečak za ovaj taster. U polju Poređenje po izaberi između
event.key,event.codeilievent.keyCode (legacy). - Pregledaj Istoriju tastera (najnoviji prvo) da uporediš više pritisaka. Označi Beleži i keyup događaje da vidiš i otpuštanja.
- 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.
Srodni alati
- Test tastature Besplatan online test tastature koji pali svaki pritisnuti taster, prikazuje vrednosti key, code i location, broji N-key rollover i otkriva zaglavljene tastere.
- Regex tester Testiraj JavaScript regularne izraze uživo: istaknuta poklapanja, grupe za hvatanje, zamena i objašnjenje svakog tokena običnim jezikom.
- JavaScript AST pregled Nalepi JavaScript i istraži njegovo apstraktno sintaksno stablo (ESTree, Acorn) u pregledaču. Klikni čvor da vidiš kod i izvezi AST kao JSON.