Teknobench

Sib il-Kodiċi tat-Tasti

Agħfas kwalunkwe tast biex tara l-valuri JavaScript event.key, event.code, keyCode, which u location, bil-modifikaturi, storja u tabella sħiħa tal-keycodes.

Agħfas “Ibda l-qbid tat-tasti” jew ikklikkja l-kaxxa hawn taħt, imbagħad agħfas kwalunkwe tast. Ikklikkja barra l-kaxxa biex tagħti l-keyboard lura lill-paġna.

event.key Agħfas tast keyCode – Tab, vleġeġ u shortcuts jinqabdu hawn ukoll.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Tasti tal-lock mixgħula
–
Modifikaturi
ctrlKey shiftKey altKey metaKey
Storja tat-tasti (l-aktar reċenti l-ewwel)
Storja tat-tasti (l-aktar reċenti l-ewwel)
AvvenimentkeycodekeyCodelocationModifikaturirepeat
Referenza tal-kodiċi tat-tasti (US QWERTY)

Referenza tal-kodiċi tat-tasti (US QWERTY)
keycodekeyCodelocationNota

il-valuri ta’ key huma għal layout US mingħajr modifikaturi; layouts oħra jipproduċu karattri oħra għall-istess code. keyCode u which huma deprekati iżda għadhom użati ħafna.

Kif issib kodiċi ta’ tast

  1. Agħfas Ibda l-qbid tat-tasti, jew ikklikkja l-kaxxa l-kbira. Ix-xifer bil-kulur juri li qed jisma’.
  2. Agħfas kwalunkwe tast jew shortcut. Id-display il-kbir juri l-valur ta’ key u l-keyCode antik, u l-kards hawn taħt jelenkaw event.key, event.code, event.keyCode, event.which, event.location, event.repeat u t-Tasti tal-lock mixgħula (Caps Lock, Num Lock, AltGraph).
  3. Il-badges tal-Modifikaturi jinxtegħlu għal ctrlKey, shiftKey, altKey u metaKey.
  4. Ikkopja s-Snippet JavaScript għal dan it-tast. Uża Qabbel fuq biex tagħżel bejn event.key, event.code jew event.keyCode (legacy).
  5. Skrolla l-Istorja tat-tasti (l-aktar reċenti l-ewwel) biex tqabbel diversi ġrajjiet. Immarka Irreġistra wkoll l-avvenimenti keyup biex tara wkoll meta jitilqu t-tasti.
  6. Ibbrawża jew iffiltra t-tabella Referenza tal-kodiċi tat-tasti (US QWERTY) meta teħtieġ valur mingħajr ma tagħfas it-tast.

Waqt li l-kaxxa jkollha l-focus, l-azzjoni normali ta’ kull tast tiġi mblukkata, allura Tab, il-vleġeġ, Backspace jew Ctrl+S jinqabdu minflok ma jċaqalqu l-focus jew jiftħu dialog. Ikklikkja kullimkien barra l-kaxxa biex tagħti l-keyboard lura lill-paġna. Ftit shortcuts jiġu mmaniġġjati mis-sistema operattiva qabel ma l-brawżer jarahom (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, spiss Print Screen), għalhekk ebda paġna web ma tista’ taqrahom.

key, code jew keyCode: liema għandek tuża?

KeyboardEvent iġorr diversi valuri li jwieġbu mistoqsijiet differenti:

Proprjetà X’jgħidlek Eżempju (it-tast A fuq AZERTY)
key Il-karattru jew it-tast bl-isem prodott, wara l-layout u l-modifikaturi "a", "A" b’Shift
code Il-pożizzjoni fiżika tat-tast, indipendenti mil-layout "KeyQ"
keyCode / which Numru antik, normalment il-kodiċi ASCII kapitali tal-ittra 65
location 0 standard, 1 xellug, 2 lemin, 3 keypad numeriku 0

Uża key meta jkun importanti t-tifsira: Enter biex tibgħat, Escape biex tagħlaq, “?” biex tiftaħ pannell ta’ għajnuna. Uża code għal logħob u shortcuts li jiddependu mill-pożizzjoni tat-tasti, bħall-moviment WASD, li għandu jibqa’ fl-istess post fuq keyboard AZERTY Franċiż jew QWERTZ Ġermaniż. Evita keyCode u which f’kodiċi ġdid: huma deprekati, il-valuri tagħhom ivarjaw bejn il-brawżers għall-punteġġjatura (Firefox jibgħat 59 għas-semikolon fejn Chrome jibgħat 186) u ma jistgħux jgħidu d-differenza bejn is-Shift tax-xellug u tal-lemin, jew iż-żewġ tasti Enter. Xorta jixirqilhom li tkun taf bihom meta żżomm kodiċi eqdem, u għalhekk din l-għodda turihom.

Dwar is-snippet

Il-listener iġġenerat jaqbel mat-tast eżatt li agħfast, inklużi Ctrl, Alt u Meta. Għal karattri stampabbli mqabbla fuq key, Shift jitħalla barra għax diġà huwa parti mill-valur: Shift+1 jagħti "!" fuq layout US. Meta tagħfas modifikatur waħdu, is-snippet ma jirrepetix il-bandiera tiegħu. Ftakar li metaKey huwa t-tast Cmd fuq Mac u t-tast Windows fuq PC, għalhekk shortcuts bejn pjattaformi normalment jittestjaw event.ctrlKey || event.metaKey.

Mistoqsijiet frekwenti

Għaliex keyCode juri l-istess numru għal karattri differenti?

keyCode jidentifika t-tast, mhux il-karattru. Iċ-ċifra 1 u “!” jaqsmu 49, u “a” u “A” jaqsmu 65. Aqra key biex tikseb il-karattru veru.

Għaliex it-tast AZERTY tiegħi jidher bħala KeyQ?

code jagħti isem lit-tasti skont il-pożizzjoni tagħhom fuq keyboard US QWERTY. It-tast immarkat A fuq keyboard Franċiż joqgħod fejn hemm Q fuq wieħed US, għalhekk il-code tiegħu huwa KeyQ filwaqt li l-key tiegħu huwa “a”.

X’tfisser “Dead” f’event.key?

Huwa tast mejjet (dead key), bħal ^ jew ¨ fuq keyboard Franċiż, li jistenna t-tast li jmiss biex jibni ittra bl-aċċent. Il-karattru finali jingħata mill-ġrajja tat-tast li jmiss jew mill-ġrajja input ta’ qasam tat-test.

Għaliex event.repeat jgħid iva?

Qed iżżomm it-tast magħfus u s-sistema operattiva qed tibgħat repetizzjonijiet awtomatiċi. Iċċekkja event.repeat biex tinjorahom, per eżempju biex shortcut jinxtegħel darba biss.

Xi ħaġa li nikteb tiġi rreġistrata jew mibgħuta?

Le. L-avvenimenti tat-tasti jinqraw minn din il-paġna fil-brawżer tiegħek u qatt ma jintbagħtu imkien. L-istorja tisparixxi meta terġa’ tgħabbi jew titlaq mill-paġna.