Utilia

Taustiņu kodu meklētājs

Nospiediet jebkuru taustiņu, lai redzētu tā JavaScript vērtības event.key, event.code, keyCode, which un location, modifikatorus, vēsturi un pilnu kodu tabulu.

Nospiediet „Sākt taustiņu tveršanu“ vai noklikšķiniet uz lodziņa zemāk, tad nospiediet jebkuru taustiņu. Noklikšķiniet ārpus lodziņa, lai atdotu tastatūru lapai.

event.key Nospiediet taustiņu keyCode – Šeit tiek tverti arī Tab, bultiņu taustiņi un īsinājumtaustiņi.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Ieslēgtie slēdža taustiņi
–
Modifikatori
ctrlKey shiftKey altKey metaKey
Taustiņu vēsture (jaunākie augšā)
Taustiņu vēsture (jaunākie augšā)
NotikumskeycodekeyCodelocationModifikatorirepeat
Taustiņu kodu uzziņa (ASV QWERTY)

Taustiņu kodu uzziņa (ASV QWERTY)
keycodekeyCodelocationPiezīme

key vērtības ir paredzētas ASV izkārtojumam bez modifikatoriem; citi izkārtojumi tam pašam kodam dod citas rakstzīmes. keyCode un which ir novecojuši, bet joprojām plaši izmantoti.

Kā uzzināt taustiņa kodu

  1. Nospiediet Sākt taustiņu tveršanu vai noklikšķiniet uz lielā lodziņa. Krāsaina apmale rāda, ka tiek klausīts.
  2. Nospiediet jebkuru taustiņu vai īsinājumtaustiņu. Lielajā displejā redzama key vērtība un novecojušais keyCode, bet kartītēs zemāk ir event.key, event.code, event.keyCode, event.which, event.location, event.repeat un Ieslēgtie slēdža taustiņi (Caps Lock, Num Lock, AltGraph).
  3. Sadaļā Modifikatori iedegas atzīmes atbilstoši ctrlKey, shiftKey, altKey un metaKey.
  4. Nokopējiet JavaScript fragments šim taustiņam. Ar Salīdzināt pēc izvēlieties starp event.key, event.code vai event.keyCode (legacy).
  5. Ritiniet Taustiņu vēsture (jaunākie augšā), lai salīdzinātu vairākus nospiedienus. Atzīmējiet Reģistrēt arī keyup notikumus, lai redzētu arī atlaišanu.
  6. Pārlūkojiet vai filtrējiet tabulu Taustiņu kodu uzziņa (ASV QWERTY), ja vērtība vajadzīga bez taustiņa nospiešanas.

Kamēr lodziņš ir fokusā, katra taustiņa noklusējuma darbība tiek bloķēta, tāpēc Tab, bultiņu taustiņi, Backspace vai Ctrl+S tiek tverti, nevis pārvieto fokusu vai atver dialoglodziņu. Noklikšķiniet jebkur ārpus lodziņa, lai atdotu tastatūru lapai. Daži īsinājumtaustiņi tiek apstrādāti operētājsistēmā, pirms tos redz pārlūkprogramma (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, bieži arī Print Screen), tāpēc neviena tīmekļa lapa tos nevar nolasīt.

key, code vai keyCode: kuru izmantot?

KeyboardEvent satur vairākas vērtības, kas atbild uz dažādiem jautājumiem:

Īpašība Ko tā norāda Piemērs (taustiņš A uz AZERTY)
key Radītā rakstzīme vai nosauktais taustiņš pēc izkārtojuma un modifikatoriem "a", "A" ar Shift
code Fiziskā taustiņa pozīcija neatkarīgi no izkārtojuma "KeyQ"
keyCode / which Novecojis skaitlis, parasti burta ASCII kods lielajos burtos 65
location 0 standarta, 1 kreisais, 2 labais, 3 ciparu bloks 0

Izmantojiet key, kad svarīga nozīme: Enter iesniegšanai, Escape aizvēršanai, „?“ palīdzības paneļa atvēršanai. Izmantojiet code spēlēm un īsinājumtaustiņiem, kas atkarīgi no taustiņu pozīcijas, piemēram, WASD kustībai, kam jāpaliek tajā pašā vietā franču AZERTY vai vācu QWERTZ tastatūrā. Jaunā kodā izvairieties no keyCode un which: tie ir novecojuši, to vērtības pieturzīmēm dažādās pārlūkprogrammās atšķiras (Firefox semikolam sūta 59, kur Chrome sūta 186) un tie neatšķir kreiso un labo Shift vai abus Enter taustiņus. Tos tomēr vērts zināt, uzturot vecāku kodu, tāpēc šis rīks tos rāda.

Par fragmentu

Izveidotais klausītājs atbilst tieši nospiestajam taustiņam, ieskaitot Ctrl, Alt un Meta. Drukājamām rakstzīmēm, kas salīdzinātas pēc key, Shift tiek izlaists, jo tas jau ir vērtības daļa: Shift+1 ASV izkārtojumā dod "!". Ja modifikatoru nospiežat atsevišķi, fragments tā karogu neatkārto. Atcerieties, ka metaKey ir Cmd taustiņš Mac datorā un Windows taustiņš datorā ar Windows, tāpēc starpplatformu īsinājumtaustiņi parasti pārbauda event.ctrlKey || event.metaKey.

Biežāk uzdotie jautājumi

Kāpēc keyCode dažādām rakstzīmēm rāda vienu un to pašu skaitli?

keyCode identificē taustiņu, nevis rakstzīmi. Cipars 1 un „!“ kopīgi izmanto 49, bet „a“ un „A“ – 65. Lai iegūtu īsto rakstzīmi, nolasiet key.

Kāpēc mans AZERTY taustiņš tiek rādīts kā KeyQ?

code nosauc taustiņus pēc to pozīcijas ASV QWERTY tastatūrā. Franču tastatūras taustiņš ar burtu A atrodas tur, kur ASV tastatūrā ir Q, tāpēc tā kods ir KeyQ, bet key ir „a“.

Ko event.key nozīmē „Dead“?

Tas ir mirušais taustiņš, piemēram, ^ vai ¨ franču tastatūrā, kas gaida nākamo taustiņu, lai izveidotu burtu ar diakritisko zīmi. Gala rakstzīmi piegādā nākamais taustiņa notikums vai teksta lauka input notikums.

Kāpēc event.repeat rāda „jā“?

Jūs turat taustiņu nospiestu, un operētājsistēma sūta automātiskus atkārtojumus. Pārbaudiet event.repeat, lai tos ignorētu, piemēram, lai īsinājumtaustiņu aktivizētu tikai vienu reizi.

Vai kaut kas no manis rakstītā tiek reģistrēts vai sūtīts?

Nē. Taustiņu notikumus nolasa šī lapa jūsu pārlūkprogrammā, un tie netiek nekur sūtīti. Vēsture pazūd, kad pārlādējat vai atstājat lapu.