КеибоардЕвент Валуе (кеиЦодес, метаКеи, итд.) - ЦСС-трикови

Anonim

Приликом KeyboardEventпожара можете тестирати који је тастер притиснут јер тај догађај садржи информације против којих можете написати логику.

document.addEventListener("keydown", function(event) ( console.log(event.which); ))

На пример, притиском на „а“ добићете 65. Очигледно је најбоље написати логику против које су, како су кеиЦоде и цхарЦоде сложени:

Својство евент.вхицх нормализује евент.кеиЦоде и евент.цхарЦоде. Препоручује се гледање догађаја.који за унос тастера на тастатури.

И:

У случају притиска тастера, Уницоде вредност притиснутог тастера чува се у својству кеиЦоде или цхарЦоде, а никада у оба. Ако притиснути тастер генерише знак (нпр. „А“), цхарЦоде се поставља на код тог знака, поштујући мала и велика слова. (тј. цхарЦоде узима у обзир да ли је тастер схифт притиснут). У супротном, код притиснутог тастера чува се у кеиЦоде.

Алат за испитивање

Погледајте оловку евент.кеиЦоде тестер Цхрис Цоииер-а (@цхрисцоииер) на ЦодеПен-у.

Вредности кључног кода

Ево табеле која садржи вредности из event.which.

Кључ Код
бацкспаце 8
таб 9
ући 13
смена 16
цтрл 17
алт 18
пауза / пауза 19
тастер за велика слова 20
бекство 27
(размак) 32
страна горе 33
страна доле 34
крај 35
кућа 36
лева стрелица 37
Горе стрелица 38
стрелица удесно 39
стрелица надоле 40
уметак 45
избрисати 46
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
а 65
б 66
ц 67
д 68
Кључ Код
е 69
ф 70
г 71
х 72
и 73
ј 74
к 75
л 76
м 77
н 78
о 79
стр 80
к 81
р 82
с 83
т 84
у 85
в 86
в 87
Икс 88
г. 89
з 90
леви тастер прозора 91
тастер десног прозора 92
тастер за одабир 93
нумпад 0 96
нумпад 1 97
нумпад 2 98
нумпад 3 99
нумпад 4 100
нумпад 5 101
нумпад 6 102
нумпад 7 103
Кључ Код
нумпад 8 104
нумпад 9 105
умножити 106
додати 107
одузети 109
децимална тачка 110
подела 111
ф1 112
ф2 113
ф3 114
ф4 115
ф5 116
ф6 117
ф7 118
ф8 119
ф9 120
ф10 121
ф11 122
ф12 123
тастер за закључавање бројчане тастатуре 144
померити браву 145
тацка зарез 186
знак једнакости 187
зарез 188
цртица 189
раздобље 190
коса црта 191
гробни акценат 192
отворена заграда 219
коса црта 220
блиска заграда 221
један наводник 222

Зелл Лиев је приметио да се три од ових кодова у Фирефоку разликују од осталих прегледача

  • ; је 59 у Фирефок-у, али 186 у осталим прегледачима.
  • = је 61 у Фирефоку, али 187 у осталим прегледачима.
  • - је 173 у Фирефок-у, али 189 у осталим прегледачима.

Важна напомена: Ове вредности шифре кључа важе само за време keydownи током keyupдогађаја. На Мацу keypressдогађаји вам дају потпуно другачији скуп кодова.

На пример:

Кључ event.which у кеидовн event.which у притиску тастера
а 65 97
б 66 98
ц 67 99