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
- –
- event.code
- –
- event.keyCode
- –
- event.which
- –
- event.location
- –
- event.repeat
- –
- Ieslēgtie slēdža taustiņi
- –
| Notikums | key | code | keyCode | location | Modifikatori | repeat |
|---|
| key | code | keyCode | location | Piezī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
- Nospiediet Sākt taustiņu tveršanu vai noklikšķiniet uz lielā lodziņa. Krāsaina apmale rāda, ka tiek klausīts.
- Nospiediet jebkuru taustiņu vai īsinājumtaustiņu. Lielajā displejā redzama
keyvērtība un novecojušaiskeyCode, bet kartītēs zemāk irevent.key,event.code,event.keyCode,event.which,event.location,event.repeatun Ieslēgtie slēdža taustiņi (Caps Lock, Num Lock, AltGraph). - Sadaļā Modifikatori iedegas atzīmes atbilstoši
ctrlKey,shiftKey,altKeyunmetaKey. - Nokopējiet JavaScript fragments šim taustiņam. Ar Salīdzināt pēc izvēlieties starp
event.key,event.codevaievent.keyCode (legacy). - 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.
- 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.
Saistītie rīki
- Tastatūras tests Bezmaksas tastatūras tests: iedegas katrs nospiestais taustiņš, tiek rādītas key un code vērtības, skaitīts N-key rollover un atrasti iesprūdušie taustiņi.
- Regex testētājs Pārbaudiet JavaScript regulārās izteiksmes uzreiz: izceltas atbilsmes, tveršanas grupas, aizvietošana un katras daļas skaidrojums vienkāršā valodā.
- JavaScript AST pārlūks Ielīmējiet JavaScript kodu un izpētiet tā abstrakto sintakses koku (ESTree, Acorn) pārlūkprogrammā. Atlasiet mezglus un eksportējiet AST kā JSON.