Utilia

Lyklakóðaleitari

Ýttu á hvaða lykil sem er og sjáðu JavaScript-gildin event.key, event.code, keyCode, which og location, með breytilyklum, sögu og fullri kóðatöflu.

Ýttu á „Byrja að nema lykla“ eða smelltu á reitinn hér að neðan og ýttu svo á hvaða lykil sem er. Smelltu utan reitsins til að skila lyklaborðinu til síðunnar.

event.key Ýttu á lykil keyCode – Tab, örvalyklar og flýtilyklar nemast hér líka.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Læsingarlyklar virkir
–
Breytilyklar
ctrlKey shiftKey altKey metaKey
Lyklasaga (nýjast efst)
Lyklasaga (nýjast efst)
AtburðurkeycodekeyCodelocationBreytilyklarrepeat
Lyklakóðatafla (US QWERTY)

Lyklakóðatafla (US QWERTY)
keycodekeyCodelocationAthugasemd

key-gildi miðast við bandarískt lyklaborð án breytilykla; önnur uppsetning gefur aðra stafi fyrir sama code. keyCode og which eru úrelt en enn mikið notuð.

Hvernig á að finna lyklakóða

  1. Ýttu á Byrja að nema lykla eða smelltu á stóra reitinn. Litaður rammi sýnir að hlustað er.
  2. Ýttu á hvaða lykil eða flýtilykil sem er. Stóri skjárinn sýnir key-gildið og úrelta keyCode, og spjöldin fyrir neðan telja upp event.key, event.code, event.keyCode, event.which, event.location, event.repeat og Læsingarlyklar virkir (Caps Lock, Num Lock, AltGraph).
  3. Merkin undir Breytilyklar lýsast upp fyrir ctrlKey, shiftKey, altKey og metaKey.
  4. Afritaðu JavaScript-kóðabútur fyrir þennan lykil. Notaðu Passa við til að velja á milli event.key, event.code eða event.keyCode (úrelt).
  5. Skrunaðu í Lyklasaga (nýjast efst) til að bera saman nokkur áslög. Hakaðu við Skrá líka keyup-atburði til að sjá líka þegar lyklum er sleppt.
  6. Skoðaðu eða síaðu töfluna Lyklakóðatafla (US QWERTY) þegar þig vantar gildi án þess að ýta á lykilinn.

Á meðan reiturinn hefur fókus er sjálfgefin aðgerð hvers lykils læst, þannig að Tab, örvalyklar, Backspace eða Ctrl+S nemast í stað þess að færa fókusinn eða opna glugga. Smelltu hvar sem er utan reitsins til að skila lyklaborðinu til síðunnar. Nokkra flýtilykla meðhöndlar stýrikerfið áður en vafrinn sér þá (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, oft Print Screen), svo engin vefsíða getur lesið þá.

key, code eða keyCode: hvert á að nota?

KeyboardEvent ber nokkur gildi sem svara ólíkum spurningum:

Eiginleiki Hvað hann segir Dæmi (A-lykillinn á AZERTY)
key Stafurinn eða nefndi lykillinn sem er framleiddur, eftir uppsetningu og breytilyklum "a", "A" með Shift
code Líkamleg staðsetning lykilsins, óháð uppsetningu "KeyQ"
keyCode / which Úrelt tala, yfirleitt ASCII-kóði stóra stafsins 65
location 0 venjulegur, 1 vinstri, 2 hægri, 3 talnaborð 0

Notaðu key þegar merkingin skiptir máli: Enter til að senda, Escape til að loka, „?“ til að opna hjálparglugga. Notaðu code fyrir leiki og flýtilykla sem byggjast á staðsetningu lykla, eins og WASD-hreyfingu, sem á að vera á sama stað á frönsku AZERTY- eða þýsku QWERTZ-lyklaborði. Forðastu keyCode og which í nýjum kóða: þau eru úrelt, gildin eru ólík milli vafra fyrir greinarmerki (Firefox gefur 59 fyrir semíkommu þar sem Chrome gefur 186) og þau geta ekki greint vinstri og hægri Shift eða tvo Enter-lykla í sundur. Þau eru þó gagnleg að þekkja þegar þú heldur við eldri kóða, og þess vegna sýnir þetta verkfæri þau.

Um kóðabútinn

Hlustarinn sem er búinn til passar við nákvæmlega þann lykil sem þú ýttir á, þar með talið Ctrl, Alt og Meta. Fyrir prentanlega stafi sem passað er við á key er Shift sleppt því það er þegar hluti af gildinu: Shift+1 gefur "!" á bandarísku lyklaborði. Þegar þú ýtir á breytilykil einan og sér endurtekur kóðabúturinn ekki merki hans. Mundu að metaKey er Cmd-lykillinn á Mac og Windows-lykillinn á PC, þannig að flýtilyklar sem virka á öllum kerfum prófa yfirleitt event.ctrlKey || event.metaKey.

Algengar spurningar

Af hverju sýnir keyCode sömu töluna fyrir ólíka stafi?

keyCode auðkennir lykilinn, ekki stafinn. Talan 1 og „!“ deila 49, og „a“ og „A“ deila 65. Lestu key til að fá raunverulega stafinn.

Af hverju birtist AZERTY-lykillinn minn sem KeyQ?

code nefnir lykla eftir staðsetningu þeirra á bandarísku QWERTY-lyklaborði. Lykillinn merktur A á frönsku lyklaborði er þar sem Q er á bandarísku, þannig að code hans er KeyQ á meðan key er „a“.

Hvað þýðir „Dead“ í event.key?

Það er dauður lykill, eins og ^ eða ¨ á frönsku lyklaborði, sem bíður eftir næsta lykli til að mynda staf með broddi. Lokastafurinn kemur með næsta lyklaatburði eða með input-atburði textareits.

Af hverju segir event.repeat já?

Þú heldur lyklinum niðri og stýrikerfið sendir sjálfvirkar endurtekningar. Athugaðu event.repeat til að hunsa þær, til dæmis til að kalla á flýtilykil aðeins einu sinni.

Er eitthvað af því sem ég slæ inn skráð eða sent?

Nei. Lyklaatburðirnir eru lesnir af þessari síðu í vafranum þínum og eru aldrei sendir neitt. Sagan hverfur þegar þú endurhleður eða yfirgefur síðuna.