Utilia
Mga kategorya ▾
Wika: fil ▾

Keyboard Key Code Finder

Pindutin ang anumang key para makita ang JavaScript event.key, event.code, keyCode, which at location nito, kasama ang modifier at history ng mga pindot.

Pindutin ang “Simulan ang pagkuha ng mga key” o i-click ang kahon sa ibaba, pagkatapos ay pindutin ang anumang key. Mag-click sa labas ng kahon para ibalik ang keyboard sa page.

event.key Pumindot ng key keyCode – Nakukuha rin dito ang Tab, mga arrow at mga shortcut.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Mga lock key na naka-on
–
Mga modifier
ctrlKey shiftKey altKey metaKey
Kasaysayan ng key (pinakabago muna)
Kasaysayan ng key (pinakabago muna)
EventkeycodekeyCodelocationMga modifierrepeat
Sanggunian ng key code (US QWERTY)

Sanggunian ng key code (US QWERTY)
keycodekeyCodelocationTala

ang mga halaga ng key ay para sa US layout na walang modifier; iba ang mga karakter na ibinibigay ng ibang layout para sa parehong code. Deprecated na ang keyCode at which pero malawak pa ring ginagamit.

Paano hanapin ang key code

  1. Pindutin ang Simulan ang pagkuha ng mga key, o i-click ang malaking kahon. Ipinapakita ng may kulay na border na nakikinig ito.
  2. Pindutin ang anumang key o shortcut. Ipinapakita ng malaking display ang halaga ng key at ang legacy na keyCode, at inililista ng mga card sa ibaba ang event.key, event.code, event.keyCode, event.which, event.location, event.repeat at ang Mga lock key na naka-on (Caps Lock, Num Lock, AltGraph).
  3. Umiilaw ang mga badge ng Mga modifier para sa ctrlKey, shiftKey, altKey at metaKey.
  4. Kopyahin ang JavaScript snippet para sa key na ito. Gamitin ang Itugma sa para pumili sa pagitan ng event.key, event.code o event.keyCode (legacy).
  5. I-scroll ang Kasaysayan ng key (pinakabago muna) para ikumpara ang ilang pindot. I-tick ang I-log din ang mga keyup event para makita rin ang pagbitaw.
  6. Tingnan o i-filter ang talahanayan ng Sanggunian ng key code (US QWERTY) kapag kailangan mo ng halaga nang hindi pinipindot ang key.

Habang nakatutok ang kahon, hinaharang ang default na aksyon ng bawat key, kaya nakukuha sina Tab, mga arrow key, Backspace o Ctrl+S sa halip na maglipat ng focus o magbukas ng dialog. Mag-click sa labas ng kahon para ibalik ang keyboard sa page. May ilang shortcut na hawak ng operating system bago pa makita ng browser (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, madalas ang Print Screen), kaya walang web page na makakabasa sa mga ito.

key, code o keyCode: alin ang dapat gamitin?

May ilang halaga ang isang KeyboardEvent na sumasagot sa magkakaibang tanong:

Property Ano ang sinasabi nito Halimbawa (ang A key sa AZERTY)
key Ang karakter o pinangalanang key na nabuo, matapos ang layout at modifier "a", "A" kapag may Shift
code Ang pisikal na posisyon ng key, hindi nakadepende sa layout "KeyQ"
keyCode / which Isang legacy na numero, kadalasang uppercase ASCII code ng letra 65
location 0 standard, 1 kaliwa, 2 kanan, 3 numeric keypad 0

Gamitin ang key kapag mahalaga ang kahulugan: Enter para mag-submit, Escape para magsara, “?” para magbukas ng help panel. Gamitin ang code para sa mga laro at shortcut na nakadepende sa posisyon ng mga key, gaya ng WASD na galaw na dapat manatili sa parehong lugar sa French AZERTY o German QWERTZ na keyboard. Iwasan ang keyCode at which sa bagong code: deprecated na ang mga ito, nagkakaiba ang halaga nila sa pagitan ng mga browser pagdating sa bantas (nagpapadala ang Firefox ng 59 para sa semicolon habang 186 ang sa Chrome) at hindi nila mailalarawan ang pagkakaiba ng kaliwa at kanang Shift, o ng dalawang Enter key. Mahalaga pa ring malaman ang mga ito kapag nagme-maintain ka ng lumang code, kaya ipinapakita ito ng tool na ito.

Tungkol sa snippet

Itinutugma ng nabuong listener ang eksaktong key na pinindot mo, kasama ang Ctrl, Alt at Meta. Para sa mga printable na karakter na itinutugma sa key, hindi isinasama ang Shift dahil bahagi na ito ng halaga: ang Shift+1 ay nagbibigay ng "!" sa US layout. Kapag modifier lang ang pinindot mo, hindi inuulit ng snippet ang flag nito. Tandaan na ang metaKey ay ang Cmd key sa Mac at ang Windows key sa PC, kaya kadalasang sinusuri ng mga cross-platform na shortcut ang event.ctrlKey || event.metaKey.

Mga madalas itanong

Bakit iisang numero ang ipinapakita ng keyCode para sa magkakaibang karakter?

Tinutukoy ng keyCode ang key, hindi ang karakter. Parehong 49 ang digit 1 at “!”, at parehong 65 ang “a” at “A”. Basahin ang key para makuha ang totoong karakter.

Bakit KeyQ ang lumalabas sa AZERTY key ko?

Pinapangalanan ng code ang mga key ayon sa posisyon nila sa US QWERTY na keyboard. Ang key na may label na A sa French na keyboard ay nasa lugar ng Q sa US, kaya KeyQ ang code nito habang “a” ang key nito.

Ano ang ibig sabihin ng "Dead" sa event.key?

Dead key ito, gaya ng ^ o ¨ sa French na keyboard, na naghihintay ng susunod na key para makabuo ng letrang may accent. Ang huling karakter ay inihahatid ng susunod na key event o ng input event ng isang text field.

Bakit "oo" ang event.repeat?

Hawak mo ang key at nagpapadala ang operating system ng awtomatikong pag-uulit. Suriin ang event.repeat para balewalain ang mga ito, halimbawa para isang beses lang tumakbo ang shortcut.

Nire-record o ipinapadala ba ang tina-type ko?

Hindi. Binabasa ng page na ito sa iyong browser ang mga key event at hindi ito ipinapadala kahit saan. Nawawala ang history kapag nag-reload ka o umalis sa page.

Mga kaugnay na tool