Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

какие атрибуты событий

Событие Ссылка на объект объекты событий

примеров

Будучи юникоды нажатием клавиш на клавиатуре:

переменная х = event.which;

х Выход:

119 // 119 символ "W"

Попробуйте »

Нижняя часть этой статьи содержит больше примеров.


Определения и использование

который свойство возвращает OnKeyPress триггер события символьный ключ значение кода или OnKeyDown или OnKeyUp код ключевым событием.

Какова разница между этими двумя типами кода:

  • Код символа - Указывает на ASCII-символ
  • Клавиатура коды - представляет цифровые клавиши на клавиатуре реального

Два типа значения не равны, например, символы нижнего регистра "W" и заглавная "W", имеют один и тот же код с клавиатуры, так как они находятся на клавиатуре ( "W", код "87"), но они имеют разные знаки код, два символа не тот же результат ( "ш" и "W" код символа "119" и "87") - Смотрите следующие примеры могут быть лучше поняты.

Совет: Если вам нужно знать , пользователь нажимает клавишу печати (например, "а" или "5"), то рекомендуется использовать OnKeyPress событие. Если вам нужно знать, пользователь нажимает функциональную клавишу (например, "F1", "Caps Lock" или "Home") можно использовать OnKeyDown или OnKeyUp событие.

Примечание: IE8 и более ранние версии не поддерживают , какие атрибуты. Неподдерживаемый браузер может использовать скан - кода свойства. Тем не менее, свойства скан-кода в браузере Firefox OnKeyPress событие является недействительным. Совместимость с этих браузеров вы можете использовать следующий код:

переменная х = event.which || event.keyCode; // использование которых или скан - кода, это может поддерживать различные браузеры

Примечание: Список всех символов Unicode может быть наш полный справочник Unicode руководство .

Совет: Если вам необходимо преобразовать значение символов Unicode, вы можете использовать fromCharCode () метод.

Примечание: Это свойство только для чтения.

Примечание: свойство , которое скан - кода и предоставляет метод решения для совместимости браузера, последней версии события DOM рекомендуется ключевой атрибут в качестве альтернативного метода.

Совет: Если вы хотите увидеть , если нажать "ALT", "CTRL", "META" ключ или "Shift", вы можете использовать клавишу Alt , ctrlKey , metakey или shiftKey недвижимость.


Поддержка браузеров

Цифры в таблице представляют первый браузер для поддержки номер версии недвижимости.

свойство
который да 9.0 да да да


грамматика

.which событие

технические детали

Возвращает: Число, представляющее код символа Unicode или код ключа Unicode
версия DOM: Уровень DOM 2 Events


примеров

Другие примеры

примеров

Используйте OnKeyPress и OnKeyDown, чтобы продемонстрировать разницу между кодовых символов и клавиатуры кодов:

<Тип входного = "текст" OnKeyPress = "uniCharCode (событие)" OnKeyDown = "uniKeyCode (событие)">

Функция uniCharCode (событие) {
вар символ = event.which || event.keyCode; // event.keyCode для IE8 и более ранних версий
document.getElementById ( "демо") .innerHTML = "Код Unicode ХАРАКТЕР:" + символ;
}

Функция uniKeyCode (событие) {
вар ключ = event.which || event.keyCode; // event.keyCode для IE8 и более ранних версий
document.getElementById ( "demo2") .innerHTML = "Unicode KEY код:" + клавиша;
}

При нажатии на клавиатуре "а" ключ (не используйте Caps Lock), выходные результаты являются следующими:

Unicode код символа: 97
Unicode коды клавиатуры: 65

Попробуйте »

примеров

Если нажать клавишу Esc, чтобы выскочить сообщение:

<Входной тип = "текст" OnKeyDown = "туРипсЫоп (событие)">

Функция туРипсЫоп (событие) {
переменная х = event.which || event.keyCode; // event.keyCode для IE8 и более ранних версий
если (х == 27) {// 27 клавиша ESC является
оповещение ( "Вы нажали клавишу Выход !");
}
}

Попробуйте »

примеров

Для преобразования значения Unicode для символов (не доступных для функциональных клавиш):

переменная х = event.which || event.keyCode; // Получает значение Unicode
переменная у = String.fromCharCode (х); // преобразования значения символа

Попробуйте »


Похожие страницы

HTML DOM Reference Manual: Основные свойства Event

HTML DOM Reference Manual: событие скан - кода недвижимости

HTML DOM Ссылка: Свойства charCode Событие

Событие Ссылка на объект объекты событий