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.keyCode;

х Выход:

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

Попробуйте »

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


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

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

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

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

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

Примечание: В Firefox ,, скан - кода свойство OnKeyPress событие является недействительным (возврат 0). проблемы совместимости браузеров, могут быть использованы с которой и скан - кодом , чтобы решить:

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

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

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

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

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

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


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

свойство
скан-кода да да да да да


грамматика

событие .keyCode

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

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


примеров

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

примеров

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

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

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

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

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

Unicode код символа: 97
Unicode код ключа: 65

Попробуйте »

примеров

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

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

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

Попробуйте »

примеров

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

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

Попробуйте »


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

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

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

HTML DOM Справочное руководство: Свойства Какое событие

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