Utilia
Kategorije ▾
Jezik: bs ▾

Pretraživač kodova tipki

Pritisni bilo koju tipku i vidi njene JavaScript vrijednosti event.key, event.code, keyCode, which i location, uz modifikatore, historiju i punu tabelu kodova.

Pritisni „Počni hvatati tipke“ ili klikni na polje ispod, pa pritisni bilo koju tipku. Klikni izvan polja da tastaturu vratiš stranici.

event.key Pritisni tipku keyCode – Tab, strelice i prečice hvataju se ovdje također.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Uključene tipke za zaključavanje
–
Modifikatori
ctrlKey shiftKey altKey metaKey
Historija tipki (najnovije prvo)
Historija tipki (najnovije prvo)
DogađajkeycodekeyCodelocationModifikatorirepeat
Referenca kodova tipki (US QWERTY)

Referenca kodova tipki (US QWERTY)
keycodekeyCodelocationNapomena

Vrijednosti key odnose se na US raspored bez modifikatora; drugi rasporedi daju druge znakove za isti kod. keyCode i which su zastarjeli, ali se još široko koriste.

Kako pronaći kod tipke

  1. Pritisni Počni hvatati tipke ili klikni na veliko polje. Obojen rub pokazuje da alat sluša.
  2. Pritisni bilo koju tipku ili prečicu. Veliki prikaz pokazuje vrijednost key i zastarjeli keyCode, a kartice ispod navode event.key, event.code, event.keyCode, event.which, event.location, event.repeat i Uključene tipke za zaključavanje (Caps Lock, Num Lock, AltGraph).
  3. Oznake Modifikatori svijetle za ctrlKey, shiftKey, altKey i metaKey.
  4. Kopiraj JavaScript isječak za ovu tipku. U polju Poredi prema biraš između event.key, event.code ili event.keyCode (zastarjelo).
  5. Pregledaj Historiju tipki (najnovije prvo) da uporediš više pritisaka. Označi Bilježi i keyup događaje da vidiš i puštanje tipki.
  6. Pregledaj ili filtriraj tabelu Referenca kodova tipki (US QWERTY) kada ti treba vrijednost bez pritiskanja tipke.

Dok polje ima fokus, zadana radnja svake tipke je blokirana, pa se Tab, strelice, Backspace ili Ctrl+S hvataju umjesto da pomjere fokus ili otvore dijalog. Klikni bilo gdje izvan polja da tastaturu vratiš stranici. Neke prečice obrađuje operativni sistem prije nego što ih preglednik uopće vidi (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, često i Print Screen), pa ih nijedna web stranica ne može pročitati.

key, code ili keyCode: šta koristiti?

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

Svojstvo Šta govori Primjer (tipka A na AZERTY rasporedu)
key Znak ili imenovana tipka koja je proizvedena, nakon rasporeda i modifikatora "a", "A" sa Shiftom
code Fizički položaj tipke, neovisno o rasporedu "KeyQ"
keyCode / which Zastarjeli broj, obično ASCII kod velikog slova 65
location 0 standardna, 1 lijeva, 2 desna, 3 numerička tastatura 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 tipki, na primjer kretanje tipkama WASD, koje treba ostati na istom mjestu i na francuskom AZERTY ili njemačkom QWERTZ rasporedu. U novom kodu izbjegavaj keyCode i which: zastarjeli su, njihove vrijednosti za interpunkciju razlikuju se među preglednicima (Firefox šalje 59 za tačku-zarez, a Chrome 186) i ne razlikuju lijevi i desni Shift niti dvije tipke Enter. Ipak ih je korisno poznavati kada održavaš stariji kod, zato ih ovaj alat prikazuje.

O isječku koda

Generisani osluškivač poredi tačno onu tipku koju si pritisnuo, uključujući Ctrl, Alt i Meta. Za znakove koji se ispisuju, a porede se po key, Shift je izostavljen jer je već dio vrijednosti: Shift+1 daje "!" na US rasporedu. Kada pritisneš sam modifikator, isječak ne ponavlja njegovu zastavicu. Ne zaboravi da je metaKey tipka Cmd na Macu, a tipka Windows na PC-u, pa prečice za više platformi obično provjeravaju event.ctrlKey || event.metaKey.

Sve radi u tvom pregledniku. Ništa što pritisneš ne šalje se na server, a historija nestaje kada ponovo učitaš ili napustiš stranicu.

Česta pitanja

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

keyCode identifikuje tipku, a ne znak. Cifra 1 i „!“ dijele 49, a „a“ i „A“ dijele 65. Pročitaj key da dobiješ stvarni znak.

Zašto je moja AZERTY tipka prikazana kao KeyQ?

code imenuje tipke prema njihovom položaju na US QWERTY tastaturi. Tipka s oznakom A na francuskoj tastaturi nalazi se tamo gdje je Q na američkoj, pa je njen kod KeyQ, a key je „a“.

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

To je mrtva tipka, na primjer ^ ili ¨ na francuskoj tastaturi, koja čeka sljedeću tipku da složi slovo s dijakritikom. Konačni znak isporučuje sljedeći događaj tipke ili događaj input u tekstualnom polju.

Zašto event.repeat pokazuje „da“?

Držiš tipku pritisnutom, a operativni sistem šalje automatska ponavljanja. Provjeri event.repeat da ih zanemariš, na primjer da prečica okine samo jednom.

Bilježi li se ili šalje išta što otkucam?

Ne. Događaje tipki čita ova stranica u tvom pregledniku i nikada se ne šalju dalje. Historija nestaje kada ponovo učitaš stranicu ili je napustiš.

Srodni alati