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
- –
- event.code
- –
- event.keyCode
- –
- event.which
- –
- event.location
- –
- event.repeat
- –
- Læsingarlyklar virkir
- –
| Atburður | key | code | keyCode | location | Breytilyklar | repeat |
|---|
| key | code | keyCode | location | Athugasemd |
|---|
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
- Ýttu á Byrja að nema lykla eða smelltu á stóra reitinn. Litaður rammi sýnir að hlustað er.
- Ýttu á hvaða lykil eða flýtilykil sem er. Stóri skjárinn sýnir
key-gildið og úreltakeyCode, og spjöldin fyrir neðan telja uppevent.key,event.code,event.keyCode,event.which,event.location,event.repeatog Læsingarlyklar virkir (Caps Lock, Num Lock, AltGraph). - Merkin undir Breytilyklar lýsast upp fyrir
ctrlKey,shiftKey,altKeyogmetaKey. - Afritaðu JavaScript-kóðabútur fyrir þennan lykil. Notaðu Passa við til að velja á milli
event.key,event.codeeðaevent.keyCode(úrelt). - 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.
- 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.
Tengd verkfæri
- Lyklaborðsprófun Ókeypis lyklaborðspróf á netinu sem lýsir upp hvern takka sem þú ýtir á, sýnir key, code og location, telur N-key rollover og finnur fasta takka.
- Regex-prófari Prófaðu JavaScript-reglulegar segðir í beinni með lituðum samsvörunum, söfnunarhópum, útskiptingu og skýringu á hverju tákni á venjulegu máli.
- JavaScript AST-skoðari Límdu inn JavaScript og skoðaðu setningafræðitréð (ESTree, þáttað með Acorn) í vafranum þínum. Smelltu á hnúta og fluttu AST út sem JSON.