Utilia

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 Shtyp një tast keyCode – Edhe Tab, shigjetat dhe shkurtoret kapen këtu.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Taste bllokimi aktivë
–
Modifikuesit
ctrlKey shiftKey altKey metaKey
Historiku i tasteve (më të fundit sipër)
Historiku i tasteve (më të fundit sipër)
NgjarjakeycodekeyCodelocationModifikuesitrepeat
Referenca e kodeve të tasteve (US QWERTY)

Referenca e kodeve të tasteve (US QWERTY)
keycodekeyCodelocationShë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

  1. Shtyp Nis kapjen e tasteve ose kliko kutinë e madhe. Një kornizë me ngjyrë tregon se po dëgjon.
  2. Shtyp çfarëdo tasti ose shkurtoreje. Ekrani i madh shfaq vlerën key dhe keyCode të vjetër, ndërsa kartat më poshtë listojnë event.key, event.code, event.keyCode, event.which, event.location, event.repeat dhe Taste bllokimi aktivë (Caps Lock, Num Lock, AltGraph).
  3. Shenjat te Modifikuesit ndizen për ctrlKey, shiftKey, altKey dhe metaKey.
  4. Kopjo Copëzën JavaScript për këtë tast. Me Përputh sipas zgjidh mes event.key, event.code ose event.keyCode (legacy).
  5. 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.
  6. 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.