Utilia
Kategorije ▾
Jezik: sl ▾

Iskalnik kod tipk

Pritisni poljubno tipko in oglej si njene vrednosti event.key, event.code, keyCode, which in location, s spremenilkami, zgodovino tipk in celotno tabelo kod.

Klikni »Začni zajemati tipke« ali polje spodaj, nato pritisni poljubno tipko. Klikni zunaj polja, da tipkovnico vrneš strani.

event.key Pritisni tipko keyCode – Tudi Tab, puščice in bližnjice se zajamejo tukaj.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Vklopljene tipke za zaklep
–
Spremenilke
ctrlKey shiftKey altKey metaKey
Zgodovina tipk (najnovejše prvo)
Zgodovina tipk (najnovejše prvo)
DogodekkeycodekeyCodelocationSpremenilkerepeat
Pregled kod tipk (ameriški QWERTY)

Pregled kod tipk (ameriški QWERTY)
keycodekeyCodelocationOpomba

vrednosti key veljajo za ameriško razporeditev brez spremenilk; druge razporeditve za isto kodo dajo druge znake. keyCode in which sta zastarela, a še vedno široko uporabljena.

Kako najti kodo tipke

  1. Pritisni Začni zajemati tipke ali klikni veliko polje. Barvni rob pokaže, da posluša.
  2. Pritisni poljubno tipko ali bližnjico. Veliki prikaz kaže vrednost key in zastareli keyCode, kartice spodaj pa naštejejo event.key, event.code, event.keyCode, event.which, event.location, event.repeat in Vklopljene tipke za zaklep (Caps Lock, Num Lock, AltGraph).
  3. Značke Spremenilke zasvetijo za ctrlKey, shiftKey, altKey in metaKey.
  4. Kopiraj Izsek JavaScripta za to tipko. Pri Primerjaj po izbiraš med event.key, event.code ali event.keyCode (zastarelo).
  5. Po Zgodovini tipk (najnovejše prvo) se pomikaj, če želiš primerjati več pritiskov. Obkljukaj Beleži tudi dogodke keyup, da vidiš tudi spuščanje tipk.
  6. Tabelo Pregled kod tipk (ameriški QWERTY) prebrskaj ali filtriraj, kadar vrednost potrebuješ, ne da bi pritisnil tipko.

Dokler je polje v fokusu, je privzeto dejanje vsake tipke blokirano, zato se Tab, puščice, Backspace ali Ctrl+S zajamejo namesto da bi premaknili fokus ali odprli pogovorno okno. Klikni kamor koli zunaj polja, da tipkovnico vrneš strani. Nekatere bližnjice obdela operacijski sistem, preden jih brskalnik sploh vidi (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, pogosto Print Screen), zato jih nobena spletna stran ne more prebrati.

key, code ali keyCode: katerega uporabiti?

Dogodek KeyboardEvent nosi več vrednosti, ki odgovarjajo na različna vprašanja:

Lastnost Kaj pove Primer (tipka A na AZERTY)
key Ustvarjeni znak ali poimenovana tipka, po upoštevanju razporeditve in spremenilk "a", "A" s Shiftom
code Fizični položaj tipke, neodvisen od razporeditve "KeyQ"
keyCode / which Zastarela številka, običajno ASCII koda velike črke 65
location 0 standardna, 1 leva, 2 desna, 3 številčnica 0

Uporabi key, kadar je pomemben pomen: Enter za pošiljanje, Escape za zapiranje, »?« za odpiranje pomoči. Uporabi code za igre in bližnjice, ki so odvisne od položaja tipk, na primer premikanje z WASD, ki mora ostati na istem mestu na francoski AZERTY ali nemški QWERTZ tipkovnici. V novi kodi se izogibaj keyCode in which: sta zastarela, njuni vrednosti za ločila se med brskalniki razlikujeta (Firefox za podpičje pošlje 59, Chrome pa 186) in ne moreta razlikovati leve in desne tipke Shift ali obeh tipk Enter. Vseeno ju je vredno poznati, kadar vzdržuješ starejšo kodo, zato ju to orodje prikazuje.

O izseku kode

Ustvarjeni poslušalec se ujema z natanko tisto tipko, ki si jo pritisnil, vključno s tipkami Ctrl, Alt in Meta. Pri izpisnih znakih, ki se primerjajo po key, je Shift izpuščen, ker je že del vrednosti: Shift+1 da "!" na ameriški razporeditvi. Če pritisneš samo spremenilko, izsek njene zastavice ne ponovi. Ne pozabi, da je metaKey tipka Cmd na Macu in tipka Windows na računalniku PC, zato bližnjice za več platform običajno preverjajo event.ctrlKey || event.metaKey.

Pogosta vprašanja

Zakaj keyCode za različne znake kaže isto število?

keyCode označuje tipko, ne znaka. Števka 1 in »!« si delita 49, »a« in »A« pa 65. Za pravi znak preberi key.

Zakaj je moja tipka AZERTY prikazana kot KeyQ?

code poimenuje tipke po njihovem položaju na ameriški tipkovnici QWERTY. Tipka z oznako A na francoski tipkovnici je tam, kjer je na ameriški Q, zato je njena koda KeyQ, njen key pa »a«.

Kaj pomeni »Dead« pri event.key?

To je mrtva tipka, na primer ^ ali ¨ na francoski tipkovnici, ki počaka na naslednjo tipko, da sestavi črko s strešico ali dvema pikama. Končni znak prinese naslednji dogodek tipke ali dogodek input v besedilnem polju.

Zakaj event.repeat pravi da?

Tipko držiš pritisnjeno in operacijski sistem pošilja samodejna ponavljanja. Preveri event.repeat, če jih želiš prezreti, na primer da bližnjico sprožiš samo enkrat.

Ali se karkoli, kar natipkam, beleži ali pošilja?

Ne. Dogodke tipk bere ta stran v tvojem brskalniku in se nikoli nikamor ne pošljejo. Zgodovina izgine, ko stran znova naložiš ali jo zapustiš.

Sorodna orodja