Utilia
Kategorije ▾
Jezik: hr ▾

Pronalazač kodova tipki

Pritisni bilo koju tipku i vidi njezine JavaScript vrijednosti event.key, event.code, keyCode, which i location, uz modifikatore, povijest i tablicu kodova.

Klikni „Započni hvatanje tipki“ ili okvir ispod, pa pritisni bilo koju tipku. Klikni izvan okvira da tipkovnicu vratiš stranici.

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

Referentna tablica kodova tipki (US QWERTY)
keycodekeyCodelocationNapomena

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

Kako pronaći kod tipke

  1. Pritisni Započni hvatanje tipki ili klikni veliki okvir. Obojeni rub pokazuje da alat sluša.
  2. Pritisni bilo koju tipku ili prečac. 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. Pomoću Podudaranje po odaberi event.key, event.code ili event.keyCode (legacy).
  5. Pregledaj Povijest tipki (najnovije prvo) da usporediš više pritisaka. Označi Bilježi i događaje keyup da vidiš i otpuštanja.
  6. Pregledaj ili filtriraj tablicu Referentna tablica kodova tipki (US QWERTY) kad ti treba vrijednost, a ne želiš pritisnuti tipku.

Dok okvir ima fokus, zadana radnja svake tipke je blokirana, pa se Tab, strelice, Backspace ili Ctrl+S hvataju umjesto da pomiču fokus ili otvaraju dijaloški okvir. Klikni bilo gdje izvan okvira da tipkovnicu vratiš stranici. Neke prečace operacijski sustav obradi prije nego ih preglednik 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: što odabrati?

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

Svojstvo Što govori Primjer (tipka A na AZERTY rasporedu)
key Proizvedeni znak ili imenovana tipka, nakon rasporeda i modifikatora "a", "A" sa Shiftom
code Fizički položaj tipke, neovisan o rasporedu "KeyQ"
keyCode / which Zastarjeli broj, obično ASCII kod velikog slova 65
location 0 standardna, 1 lijeva, 2 desna, 3 brojčani blok 0

Koristi key kad je važno značenje: Enter za slanje, Escape za zatvaranje, „?“ za otvaranje pomoći. Koristi code za igre i prečace koji ovise o položaju tipki, kao što je kretanje tipkama WASD, koje mora ostati na istom mjestu i na francuskom AZERTY ili njemačkom QWERTZ rasporedu (a to je i hrvatski raspored). Izbjegavaj keyCode i which u novom kodu: zastarjeli su, vrijednosti za interpunkciju razlikuju se među preglednicima (Firefox šalje 59 za točku sa zarezom, a Chrome 186) i ne razlikuju lijevi i desni Shift ni dvije tipke Enter. Ipak ih vrijedi poznavati kad održavaš starije programe, zato ih ovaj alat prikazuje.

O isječku

Generirani slušač podudara se s točno onom tipkom koju si pritisnuo, uključujući Ctrl, Alt i Meta. Za znakove koji se ispisuju, kad se podudaranje radi po key, Shift je izostavljen jer je već dio vrijednosti: Shift+1 daje "!" na američkom rasporedu. Kad pritisneš sam modifikator, isječak ne ponavlja njegovu zastavicu. Zapamti da je metaKey tipka Cmd na Macu i tipka Windows na PC-ju, pa prečaci za više platformi obično provjeravaju event.ctrlKey || event.metaKey.

Česta pitanja

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

keyCode označava tipku, a ne znak. Znamenka 1 i „!“ dijele 49, a „a“ i „A“ dijele 65. Za pravi znak čitaj key.

Zašto je moja tipka na AZERTY rasporedu prikazana kao KeyQ?

code imenuje tipke prema njihovu položaju na američkoj QWERTY tipkovnici. Tipka s oznakom A na francuskoj tipkovnici nalazi se tamo gdje je Q na američkoj, pa je njezin code KeyQ, a key je „a“.

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

To je mrtva tipka, poput ^ ili ¨ na francuskoj tipkovnici, 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 tekstnog polja.

Zašto event.repeat kaže da?

Držiš tipku pritisnutom, a operacijski sustav šalje automatska ponavljanja. Provjeri event.repeat da ih zanemariš, na primjer da prečac aktiviraš samo jednom.

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

Ne. Događaje tipki čita ova stranica u tvom pregledniku i nikamo se ne šalju. Povijest nestaje kad ponovno učitaš ili napustiš stranicu.

Slični alati