пример
Получить значение Unicode нажатой клавиши клавиатуры:
var x = event.which;Результат х может быть:
119 // 119 is the character
"w" Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Который свойство возвращает код символа Unicode ключа, инициировавшего OnKeyPress событие, или код ключа Unicode ключа, инициировавшего OnKeyDown или OnKeyUp события.
Разница между этими двумя типами коды:
- Символьные коды - это число, которое представляет собой ASCII символ
- Коды клавиш - Число, которое представляет собой фактическую клавишу на клавиатуре
Эти типы не всегда означают то же самое; например, в нижнем регистре "w" , и верхний корпус "W" , имеют один и тот же код с клавиатуры, так как ключ , который будет нажата на клавиатуре одно и то же (just "W" = the number "87") , а другой код символа , так как результирующий символ отличается (либо "w" или "W" , который является "119" или «87») - см "More Examples" ниже , чтобы лучше понять его.
Совет: Для того, чтобы выяснить , если пользователь нажимает на клавишу печати (например , "a" или «5»), рекомендуется использовать это свойство на OnKeyPress события. Для того, чтобы выяснить , если пользователь нажимает функциональную клавишу (например , "F1" , "CAPS LOCK" или «Home») использовать OnKeyDown или OnKeyUp событие.
Примечание: какое свойство не поддерживается в IE8 и ранее. Для этих версий браузера можно использовать KEYCODE свойство. Однако свойство KEYCODE не работает на OnKeyPress событие в Firefox. Для решения кросс-браузер, вы можете использовать следующий код:
var x = event.which || event.keyCode; // Use either which or keyCode ,
depending on browser supportСовет: Для получения списка всех символов Unicode, пожалуйста , изучить наш полный справочник Unicode .
Совет: Если вы хотите , чтобы преобразовать возвращаемое значение Unicode в символ, используйте fromCharCode() метод.
Примечание: Это свойство только для чтения.
Примечание: Как и который KEYCODE свойство только для совместимости. Последняя версия спецификации событий DOM рекомендуется использовать ключ свойство вместо (if available) таковой (if available) .
Совет: Если вы хотите , чтобы выяснить , является ли "ALT" , "CTRL" , "META" или "SHIFT" клавиша была нажата , когда ключевое событие произошло, используйте клавишу Alt , ctrlKey , metaKey или shiftKey собственности.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| which | да | 9,0 | да | да | да |
Синтаксис
event .whichТехнические подробности
| Возвращаемое значение: | Число, представляющее либо код символа Unicode или код ключа Unicode |
|---|---|
| DOM Версия: | Уровень DOM 2 События |
Еще примеры
пример
Использование OnKeyPress и OnKeyDown, чтобы показать различия между кодами символов и кодами клавиатуры:
<input type="text" onkeypress="uniCharCode(event)" onkeydown="uniKeyCode(event)">
function uniCharCode(event) {
var char = event.which ||
event.keyCode; // event.keyCode is used for IE8 and earlier
document.getElementById("demo").innerHTML = "Unicode CHARACTER code: " +
char;
}
function uniKeyCode(event) {
var key = event.which
|| event.keyCode; // event.keyCode is used for IE8 and earlier
document.getElementById("demo2").innerHTML = "Unicode KEY code: " + key;
}
При нажатии на "a" на клавиатуре (not using caps lock) с (not using caps lock) , результат полукокса и ключ будет:
Unicode CHARACTER code: 97
Unicode KEY
code: 65 Попробуй сам " пример
Оповещать текст, если пользователь нажимает клавишу Escape,:
<input type="text" onkeydown="myFunction(event)">
function
myFunction(event) {
var x = event.which || event.keyCode; //
event.keyCode is used for IE8 and earlier
if (x == 27) { // 27 is the ESC key
alert ("You pressed the Escape key!");
}
}
Попробуй сам " пример
Преобразовать значение Unicode в символ (does not work for function keys) :
var x = event.which || event.keyCode; // Get the Unicode value
var y = String.fromCharCode(x); // Convert the value into a character
Попробуй сам " Похожие страницы
HTML DOM ссылка: KeyboardEvent key Property
HTML DOM ссылка: KeyboardEvent keyCode Property
HTML DOM ссылка: KeyboardEvent charCode Property
<Объект Event