Utilia
Категории ▾
Јазик: mk ▾

Пребарувач на кодови на тастатура

Притиснете тастер и видете ги неговите JavaScript вредности event.key, event.code, keyCode, which и location, со модификатори, историја и целосна табела.

Притиснете „Започни снимање на тастери“ или кликнете на полето подолу, па притиснете кој било тастер. Кликнете надвор од полето за да ја вратите тастатурата на страницата.

event.key Притиснете тастер keyCode – Tab, стрелките и кратенките се снимаат и овде.
event.key
–
event.code
–
event.keyCode
–
event.which
–
event.location
–
event.repeat
–
Активни тастери за заклучување
–
Модификатори
ctrlKey shiftKey altKey metaKey
Историја на тастери (најновите први)
Историја на тастери (најновите први)
НастанkeycodekeyCodelocationМодификаториrepeat
Референца на кодови (US QWERTY)

Референца на кодови (US QWERTY)
keycodekeyCodelocationЗабелешка

вредностите на key се за US распоред без модификатори; другите распореди создаваат други знаци за ист code. keyCode и which се застарени, но сè уште широко користени.

Како да најдете код на тастер

  1. Притиснете Започни снимање на тастери или кликнете на големото поле. Обоена рамка покажува дека слуша.
  2. Притиснете кој било тастер или кратенка. Големиот приказ ја покажува вредноста key и застарениот keyCode, а картичките подолу ги наведуваат event.key, event.code, event.keyCode, event.which, event.location, event.repeat и Активни тастери за заклучување (Caps Lock, Num Lock, AltGraph).
  3. Ознаките под Модификатори светнуваат за ctrlKey, shiftKey, altKey и metaKey.
  4. Копирајте го JavaScript код за овој тастер. Со Совпаѓање според изберете помеѓу event.key, event.code или event.keyCode (застарено).
  5. Прелистајте ја Историја на тастери (најновите први) за да споредите повеќе притисоци. Штиклирајте Евидентирај и keyup настани за да се бележи и отпуштањето.
  6. Разгледајте или филтрирајте ја табелата Референца на кодови (US QWERTY) кога ви треба вредност без да го притискате тастерот.

Додека полето има фокус, основното дејство на секој тастер е блокирано, па Tab, стрелките, Backspace или Ctrl+S се снимаат наместо да го преместат фокусот или да отворат дијалог. Кликнете каде било надвор од полето за да ја вратите тастатурата на страницата. Неколку кратенки ги обработува оперативниот систем пред да ги види прелистувачот (Alt+Tab, Ctrl+Alt+Del, Cmd+Tab, често Print Screen), па ниту една веб-страница не може да ги прочита.

key, code или keyCode: кој да го користите?

Објектот KeyboardEvent носи неколку вредности што одговараат на различни прашања:

Својство Што ви кажува Пример (тастерот A на AZERTY)
key Знакот или именуваниот тастер што е произведен, по распоредот и модификаторите "a", "A" со Shift
code Физичката позиција на тастерот, независно од распоредот "KeyQ"
keyCode / which Застарен број, обично ASCII кодот на големата буква 65
location 0 стандарден, 1 лев, 2 десен, 3 нумеричка тастатура 0

Користете key кога е важно значењето: Enter за испраќање, Escape за затворање, „?“ за отворање на помош. Користете code за игри и кратенки што зависат од положбата на тастерите, како движењето со WASD, кое треба да остане на истото место на француска AZERTY или германска QWERTZ тастатура. Избегнувајте keyCode и which во нов код: застарени се, нивните вредности се разликуваат меѓу прелистувачите за интерпункциските знаци (Firefox праќа 59 за точка-запирка, а Chrome 186) и не можат да ги разликуваат левиот и десниот Shift или двата Enter. Сепак вреди да ги познавате кога одржувате постар код, затоа оваа алатка ги прикажува.

За кодот што се создава

Создадениот слушател го совпаѓа точниот тастер што го притиснавте, вклучувајќи Ctrl, Alt и Meta. За знаци што се печатат и се совпаѓаат според key, Shift е изоставен бидејќи веќе е дел од вредноста: Shift+1 дава "!" на US распоред. Кога притискате модификатор сам, кодот не го повторува неговиот флаг. Запомнете дека metaKey е тастерот Cmd на Mac и тастерот Windows на PC, па меѓуплатформските кратенки обично проверуваат event.ctrlKey || event.metaKey.

Често поставувани прашања

Зошто keyCode покажува ист број за различни знаци?

keyCode го идентификува тастерот, а не знакот. Цифрата 1 и „!“ го делат бројот 49, а „a“ и „A“ го делат 65. Прочитајте key за да го добиете вистинскиот знак.

Зошто мојот AZERTY тастер се прикажува како KeyQ?

code ги именува тастерите според нивната позиција на US QWERTY тастатура. Тастерот означен со A на француска тастатура се наоѓа таму каде што е Q на американска, па неговиот code е KeyQ, а key е „a“.

Што значи „Dead“ во event.key?

Тоа е мртов тастер, како ^ или ¨ на француска тастатура, кој чека следниот тастер за да состави буква со акцент. Конечниот знак го испорачува следниот настан на тастер или настанот input на текстуалното поле.

Зошто event.repeat вели да?

Го држите тастерот притиснат, а оперативниот систем праќа автоматски повторувања. Проверете event.repeat за да ги игнорирате, на пример за кратенката да се активира само еднаш.

Дали нешто што го пишувам се снима или испраќа?

Не. Настаните на тастатурата ги чита оваа страница во вашиот прелистувач и никогаш не се испраќаат никаде. Историјата исчезнува кога ќе ја освежите или ќе ја напуштите страницата.

Поврзани алатки