Gjetës i kodit të tastit
Shtyp çfarëdo tasti për të parë vlerat JavaScript event.key, event.code, keyCode, which dhe location, me modifikuesit, historikun dhe tabelën e keycode.
Shtyp “Nis kapjen e tasteve” ose kliko kutinë më poshtë, pastaj shtyp çfarëdo tasti. Kliko jashtë kutisë për t'ia kthyer tastierën faqes.
- event.key
- –
- event.code
- –
- event.keyCode
- –
- event.which
- –
- event.location
- –
- event.repeat
- –
- Taste bllokimi aktivë
- –
| Ngjarja | key | code | keyCode | location | Modifikuesit | repeat |
|---|
| key | code | keyCode | location | Shënim |
|---|
vlerat key janë për një shpërndarje US pa modifikues; shpërndarjet e tjera japin karaktere të tjera për të njëjtin code. keyCode dhe which janë të vjetruara, por ende përdoren gjerësisht.
Si ta gjesh kodin e një tasti
- Shtyp Nis kapjen e tasteve ose kliko kutinë e madhe. Një kornizë me ngjyrë tregon se po dëgjon.
- Shtyp çfarëdo tasti ose shkurtoreje. Ekrani i madh shfaq vlerën
keydhekeyCodetë vjetër, ndërsa kartat më poshtë listojnëevent.key,event.code,event.keyCode,event.which,event.location,event.repeatdhe Taste bllokimi aktivë (Caps Lock, Num Lock, AltGraph). - Shenjat te Modifikuesit ndizen për
ctrlKey,shiftKey,altKeydhemetaKey. - Kopjo Copëzën JavaScript për këtë tast. Me Përputh sipas zgjidh mes
event.key,event.codeoseevent.keyCode (legacy). - Shfleto Historikun e tasteve (më të fundit sipër) për të krahasuar disa shtypje. Shëno Regjistro edhe ngjarjet keyup që të shohësh edhe lëshimet.
- Shfleto ose filtro tabelën Referenca e kodeve të tasteve (US QWERTY) kur të duhet një vlerë pa e shtypur tastin.
Sa kohë kutia ka fokusin, veprimi i parazgjedhur i çdo tasti bllokohet, ndaj Tab, shigjetat, Backspace ose Ctrl+S kapen në vend që të lëvizin fokusin ose të hapin një dritare. Kliko kudo jashtë kutisë për t’ia kthyer tastierën faqes. Disa shkurtore i trajton sistemi operativ para se t’i shohë shfletuesi (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, shpesh edhe Print Screen), ndaj asnjë faqe uebi nuk mund t’i lexojë.
key, code apo keyCode: cilin të përdorësh?
Një KeyboardEvent mbart disa vlera që u përgjigjen pyetjeve të ndryshme:
| Veti | Çfarë të tregon | Shembull (tasti A në AZERTY) |
|---|---|---|
key |
Karakteri ose tasti i emërtuar që prodhohet, pas shpërndarjes dhe modifikuesve | "a", "A" me Shift |
code |
Pozicioni fizik i tastit, i pavarur nga shpërndarja | "KeyQ" |
keyCode / which |
Një numër i vjetër, zakonisht kodi ASCII i shkronjës së madhe | 65 |
location |
0 standard, 1 majtas, 2 djathtas, 3 tastierë numerike | 0 |
Përdor key kur ka rëndësi kuptimi: Enter për të dërguar, Escape për të mbyllur, “?” për të hapur një panel ndihme. Përdor code për lojëra dhe shkurtore që varen nga pozicioni i tasteve, si lëvizja me WASD, e cila duhet të mbetet në të njëjtin vend në një tastierë franceze AZERTY ose gjermane QWERTZ. Shmang keyCode dhe which në kodin e ri: janë të vjetruara, vlerat e tyre ndryshojnë mes shfletuesve për shenjat e pikësimit (Firefox dërgon 59 për pikëpresjen, ku Chrome dërgon 186) dhe nuk dallojnë dot Shift-in e majtë nga ai i djathtë, as dy tastet Enter. Vlen t’i njohësh kur mirëmban kod më të vjetër, prandaj ky mjet i shfaq.
Rreth copëzës së kodit
Dëgjuesi i gjeneruar përputhet me tastin e saktë që shtypë, përfshirë Ctrl, Alt dhe Meta. Për karakteret e printueshme të përputhura me key, Shift lihet jashtë sepse është tashmë pjesë e vlerës: Shift+1 jep "!" në një shpërndarje US. Kur shtyp vetëm një modifikues, copëza nuk e përsërit flamurin e tij. Mos harro që metaKey është tasti Cmd në Mac dhe tasti Windows në PC, ndaj shkurtoret ndër-platformë zakonisht testojnë event.ctrlKey || event.metaKey.
Pyetje të shpeshta
Pse keyCode tregon të njëjtin numër për karaktere të ndryshme?
keyCode identifikon tastin, jo karakterin. Shifra 1 dhe “!” ndajnë 49, ndërsa “a” dhe “A” ndajnë 65. Lexo key për të marrë karakterin e vërtetë.
Pse tasti im AZERTY shfaqet si KeyQ?
code i emërton tastet sipas pozicionit në një tastierë US QWERTY. Tasti me etiketën A në një tastierë franceze ndodhet aty ku është Q në atë amerikane, ndaj code i tij është KeyQ ndërsa key është “a”.
Çfarë do të thotë “Dead” te event.key?
Është një tast i vdekur (dead key), si ^ ose ¨ në një tastierë franceze, që pret tastin e radhës për të formuar një shkronjë me theks. Karakteri përfundimtar dorëzohet nga ngjarja e tastit pasardhës ose nga ngjarja input e një fushe teksti.
Pse event.repeat tregon po?
Po e mban tastin të shtypur dhe sistemi operativ dërgon përsëritje automatike. Kontrollo event.repeat për t’i shpërfillur, për shembull që një shkurtore të aktivizohet vetëm një herë.
A regjistrohet ose dërgohet gjë nga ajo që shkruaj?
Jo. Ngjarjet e tasteve i lexon kjo faqe në shfletuesin tënd dhe nuk dërgohen askund. Historiku zhduket kur e rifreskon ose e braktis faqen.
Mjete të ngjashme
- Testuesi i tastierës Testues falas online i tastierës që ndriçon çdo tastë që shtyp, tregon vlerat key, code dhe location, numëron N-key rollover dhe zbulon tastat e ngecura.
- Testues regex Testo shprehje të rregullta JavaScript drejtpërdrejt me përputhje të theksuara, grupe kapëse, zëvendësim dhe një shpjegim të thjeshtë të çdo token-i të modelit.
- Eksplorues AST për JavaScript Ngjit kodin JavaScript dhe eksploro pemën e sintaksës abstrakte (ESTree, e analizuar nga Acorn) në shfletuesin tënd. Eksportoje AST-në si JSON.