События клавиатуры в JavaScript

При вводе с клавиатуры в javascript возникает сразу несколько событий, которые позволяют отследить коды нажатых клавиш и получить дополнительную полезную информацию для полного контроля над устройством ввода. Перейдём к теоретической и практической части.

События клавиатуры

В JS для клавиатуры используется 3 основных события:

  1. onkeydown — срабатывает при нажатии на клавишу и повторяется пока её не отжали.
  2. onkeypress — идентично предыдущему, но с 2 особенностями:
    • срабатывает после «onkeydown» и только для клавиш с символами;
    • функциональные клавиши, типа Alt и Ctrl , его не задействуют.
  3. onkeyup — срабатывает один раз после отжатия.

длительное нажатие

обычное

Для избежания повторных вызовов «keydown» и «keypress» используйте свойство «repeat». Подробнее рассмотрим его позже.

В примерах использовался метод «addEventListener», но можно встретить и другие варианты:

Получение свойств событий

Для получения информации о клавише, которая вызвала событие, обратимся к свойствам объекта «Event».

Свойства key и keyCode

key — возвращает значение нажатой клавиши в виде строки. Например, «F», «5» или «Enter».

keyCode — возвращает числовой код. Для события «keypress» вернёт ASCII-код нажатого символа.

Примечание. Цифры на верхнем и боковом блоке клавиатуры имеют разные «keyCode».

Коды основных функциональных клавиш:

Клавиша Key keyCode
Ввод Enter 13
Стереть Backspace 8
Удалить Delete 46
Пробел (печатный пробел) 32
Табулятор Tab 9
Esc Escape 27
Стрелка влево ArrowLeft 37
Стрелка вверх ArrowUp 38
Стрелка вправо ArrowRight 39
Стрелка вниз ArrowDown 40
Shift Shift 16
Ctrl Control 17
Alt Alt 18

Хорошей практикой в JavaScript считается использование «key», а не «keyCode». Это повышает читаемость кода и избавляет от необходимости запоминать соответствие кодов их значениям.

Свойства code и charCode

Актуальны только для события «keypress».

  • code — возвращает строковое наименование символа. Для букв имеет вид «keyD», «keyF». Такие значения будут возвращены независимо от установленного языка и регистра букв. Для цифр верхнего блока клавиатуры возвращает значение вида «Digit5», для бокового — «Numpad5».
  • charCode — возвращает код символа из таблицы ASCII. Код букв на разных языковых раскладках клавиатуры отличается. Регистр также имеет значение. Например, » f » имеет код 102, а » F » — 70.

Не поддерживаются IE и старыми версиями других браузеров.

Свойства altKey, ctrlKey, shiftKey

Позволяют отследить, зажат ли в момент события Alt , Ctrl или Shift . Удобно использовать для создания горячих клавиш.

Свойство type

Возвращает тип события в виде строки. Может использоваться, когда один обработчик применяется сразу для нескольких событий.

Свойство repeat

Возвращает логическое «true», если событие уже один раз отработало и автоматически вызывается снова. Подобная ситуация возникает при зажатии клавиши на длительное время — «keydown» и «keypress» начинают срабатывать повторно.

Пример проверки ввода в Input

Рассмотрим небольшой пример, в котором разрешим ввод в текстовое поле только нуля и единицы. Учитываем возможность стирания, удаления и табуляции.

Метод «preventDefault()» запрещает действие по умолчанию.

Применение предыдущего обработчика ко всем текстовыми полями на странице:

Источник



Таблицы сочетаний клавиш на клавиатуре: для работы с текстом, ввода спец-символов, горячие клавиши Windows

kak-vvodit-spets-sivolyiЗдравствуйте!

Вы никогда не задумывались, сколько порой приходится тратить времени на обычные операции: выделить что-то мышкой, скопировать, затем вставить в другое окно (файл)?

А представьте, если вы работаете за день с десятками файлов? Те кто использует некоторые горячие сочетания клавиш в Windows — существенно ускоряет свою работу! ✌

Можете мне не поверить — но нажать пару кнопок на клавиатуре намного быстрее, чем выполнять аналогичное действие мышкой (например, всё выделить и скопировать — на клавиатуре 1-2 сек. (Ctrl+A, Ctrl+C), мышкой можно 30 сек. елозить по файлу. ) !

Похожее:  ОСНОВНЫЕ ТЕХНИЧЕСКИЕ ХАРАКТЕРИСТИКИ

В этой статье приведу самые нужные и полезные сочетания клавиш для разнообразных задач.

Примечание : рекомендуется начинать с малого — сначала запомните 3-4 сочетания для самых-самых повторяющихся задач: копирование, вставка, выделение и пр. Затем постепенно расширяйте диапазон, и сможете на порядок увеличить скорость своей работы.

Кнопки и их сочетания актуальны для всех версий Windows, и ПО, работающих в них (по крайней мере для Windows 7/8/10 — всё работает, проверялось неоднократно) .

👉 Ремарка!

Кстати, при помощи сочетаний кнопок Win+R — можно открывать разнообразные вкладки и приложения!

ускорение ПК

Таблицы сочетаний клавиш

Таблица №1: для работы с текстом (для перемещения по тексту)

Работа с текстом, пожалуй, чуть ли не самая важная для большинства пользователей на компьютере. А значит, данные копки будут полезны всегда!

Кстати, стоит сказать, что многие сочетания, представленные ниже, так же используются и в проводнике, да и просто в Windows: к примеру, чтобы скопировать участок текста — нужно нажать Ctrl+C , скопировать файл — так же Ctrl+C .

Клавиши Действие
Ctrl+A 👍 Выделение всего текста, что есть на странице
Ctrl+C 👍 Копирование выделенного фрагмента текста
Ctrl+X Вырезание выделенного фрагмента текста (т.е. скопировать участок текста и удалить его в этом месте).
Ctrl+V 👍 Вставка скопированного (вырезанного) ранее текста.
Ctrl+← Перемещение курсора в начало предыдущего слова.
Ctrl+→ Перемещение курсора в начало следующего слова.
Ctrl+↑ Перемещение курсора в начало предыдущего абзаца.
Ctrl+↓ Перемещение курсора в начало следующего абзаца.
Зажать Shift+→ Выделение текста вперед посимвольно.
Зажать Shift+← Выделение текста назад посимвольно.
Ctrl+⇑ Shift+→ Выделение текста от положения курсора до начало следующего слова.
Ctrl+⇑ Shift+← Выделение текста от положения курсора до начало предыдущего слова.
⇑ Shift+Home Выделение текста от положения курсора до начала строки.
⇑ Shift+End Выделение текста от положения курсора до окончания строки.
Alt (левый)+Shift Переключение языка ввода (с русского на английский и наоборот).
Ctrl (левый)+⇑ Shift Изменение направления чтения текста для языков с письмом справа налево.

Альтернативная таблица

Сочетание клавиш Описание
Ctrl + A 👍 Выделить всё
Ctrl + C 👍 Копировать
Ctrl + Insert -//-
Ctrl + X Вырезать
Shift + Delete -//-
Ctrl + V 👍 Вставить
Shift + Insert -//-
Ctrl + ← Переход по словам в тексте. (Прим.: работает не только в текстовых редакторах).
Ctrl + → -//-
Shift + ← Выделение текста
Shift + → -//-
Shift + ↑ -//-
Shift + ↓ -//-
Ctrl + Shift + ← Выделение текста по словам
Ctrl + Shift + → -//-
Home Перемещение в начало-конец строки текста
End -//-
Ctrl + Home -//-
Ctrl + End -//-
Ctrl + Home Перемещение в начало-конец документа
Ctrl + End -//-

Таблица №2: для ввода спецсимволов

Далеко не все символы (которые иногда хотелось бы набрать) есть на клавиатуре. Например, как набрать сердечко ♥, стрелочку ↑, или, скажем, знак суммы Σ? Для этого есть спец. таблицы и коды, которые можно и нужно использовать.

👉 Ремарка!

Моя большая подборка символов для вставки в текст. домик ⛪️, рука ✌️, солнце ☀️, погода ☔️, e-mail и др.).

Как пользоваться табличками ниже:

  1. находите нужный символ и смотрите его Alt-код: например, у сердечка (♥) он будет «Alt+3«;
  2. собственно, этот код означает, что нужно зажать кнопку «Alt» (левую), а затем на цифровой клавиатуре нажать кнопку «3«.
Похожее:  Клавиатура для ноутбука Lenovo ThinkPad X200 L0294 черный Санкт Петербург

Самые нужные alt-коды (1-я таблица)

Самые нужные alt-коды (1-я таблица)

Самые нужные alt-коды (2-я таблица)

Самые нужные alt-коды (2-я таблица)

Что делать, если в таблице нет нужного символа

Чтобы привести все символы, которые можно вставить в текст — потребовалась бы очень большая статья, поэтому в таблицах выше я привел лишь самые популярные символы (которых нет на клавиатуре). Чуть ниже расскажу, как найти и вставить тот символ, который нужен именно вам!

    Сначала открываем таблицу символов: для этого нажмите сочетание Win+R, введите charmap и нажмите Enter;

Таблица символов в Windows

Как скопировать спец-символ

Примечание : так же для некоторых символов в таблице есть alt-код: т.е. чтобы вставить его, можете зажать alt и нажать «0174» (к примеру) — и увидите значок копирайта ®.

Источник

Полный список комбинаций клавиш на клавиатуре

Комбинации клавиш на клавиатуре

Часто читая статьи в интернете или инструкцию по установке какой-либо программы, Вы можете встретить комбинации клавиш (Ctrl-C, Ctrl-V, Win-R, Alt-Tab, Alt-F4 и т.д.). И если Вы, до сих пор не знаете, что они значат, тогда Вы можете ознакомиться с ними в нашей статье.

В данной статье представлен, полный список комбинаций клавиш на клавиатуре, используемые не только в операционной системе Windows.

Разделы по работе с комбинациями клавиш:

  1. Основные комбинации клавиш на клавиатуре
  2. Горячие клавиши общего назначения
  3. Комбинации клавиш предназначенные для работы с текстом
  4. Комбинации клавиш для работы с файлами
  5. Комбинации клавиш для работы в проводнике
  6. Комбинации клавиш для работы с окнами
  7. Комбинации клавиш для работы с диалоговыми окнами
  8. Комбинации клавиш для работы в браузерах (Internet Explorer, Google Chrome, Mozilla)
  9. Специальные возможности

Основные комбинации клавиш на клавиатуре

Alt+Tab — Переключение между окнами
Win+Tab — Переключение между окнами в режиме Flip 3D
Win+Up — Развернуть окноWin+Down — Восстановить / Минимизировать окно
Win+Left — Прикрепить окно к левому краю экрана
Win+Right — Прикрепить окно к правому краю экрана
Win+Shift+Left — Переключиться на левый монитор
Win+Shift+Right — Переключиться на правый монитор
Win+Home — Минимизировать / Восстановить все неактивные окна
Win+Break(или Pause) — Запустить элемент Система из Панели Управления (пункт Свойства при нажатии правой кнопкой мыши на Компьютер в меню Пуск)
Win+Space — Показать рабочий стол
Win+B — Переход в область уведомлений(трей)
Win+D — Свернуть окна или восстановить все окна
Win+E — Запустить Проводник(Explorer)
Win+F — Запустить встроенный диалог поиска Windows
Win+Ctrl+F — Запустить Поиск по компьютеру из домена
Win+F1 — Запустить встроенный диалог Windows: Справка и Поддержка
Win+G — Отобразить гаджеты поверх всех окон
Win+L — Блокировка рабочей станции(текущего сеанса пользователя)
Win+M — Минимизировать все окна
Win+P — Отобразить дополнительные опции дисплея (расширить рабочий стол на 2 монитор и т.п.)
Win+R — Запустить диалоговое окно Выполнить
Win+Т — Выбрать первый элемент в панели задач (Повторное нажатие переключает на следующий элемент, Win+Shift+T — прокручивает в обратном порядке)
Win+U — Запустить Центр специальных возможностей (Ease of Access Center)
Win+X — Запустить Mobility Center
Win+цифра— Запустить приложение с панели задач (Win+1 запускает первое приложения слева, Win+2, второе, и т.к.)
Win + «+» — Увеличить масштаб
Win + «-« — Уменьшить масштаб
Ctrl + колесо мыши (вверх\вниз) на рабочем столе — увеличить\уменьшить иконки рабочего стола.

В Проводнике (Explorer):
Alt+P — Показать / Скрыть Область предпросмотра

Панель задач:
Shift + щелчок на иконке — Открыть новое окно приложения
Ctrl + Shift + щелчок по иконке — Открыть новое окно приложения с привилегиями администратора
Shift + щелчок правой кнопкой на иконке — Показать меню приложения
Shift + щелчок правой кнопкой на группе иконок — Показать меню, восстановить все / cвернуть все / Закрыть все
Ctrl + щелчок по группе икнонок — Развернуть все окна группы

Похожее:  Комплектация вес и первые впечатления

Примечание
Клавиша Win находится между клавишами Ctrl и Alt с левой стороны (на ней нарисована эмблема Windows).
Клавиша Menu находится слева от правого Ctrl.
Комбинация «клавиша» + «клавиша» означает, что сначала надо нажать первую клавишу, а затем, удерживая ее, вторую.

Источник

Номера клавиш и скан-коды клавиатуры

Ноутбуков, компьютеров, планшетов, нетбуков, смартфонов.

у вас или в сервисе

Бесплатный выезд

Выезжаем к заказчику бесплатно

на дом или в офис

Фирменная гарантия

Предоставляем фирменную гарантию на выполняемые работы и используемые в ремонте запчасти

на работы и запчасти

Номера клавиш клавиатуры

При нажатии клавиши интегрированный в клавиатуру процессор вычисляет координаты нажатой клавиши в матрице. Далее он отправляет материнской плате пакет данных, в котором содержится скан-код используемой клавиши.

Это принято называть кодом активизации. Когда клавиша отпущена, генерируется код останова, которые указывает, что клавиша вернулась в исходное положение. Код останова равен коду активизации плюс 80h. К примеру, если код активизации 1Eh (клавиша «A»), то код останова будет равен 9Eh. Данные коды необходимы для определения нажатой клавиши (или комбинации клавиш).

В компьютерах AT контролер, установленный в клавиатуре, преобразует сгенерированный скан-код в один из скан-кодов, предусмотренных в системе, и отправляет его центральному процессору. Иногда необходимо знать данные скан-коды, особенно в процессе поиска неисправностей в клавиатуре или если необходимо считать скан-код в приложении.

Если клавиша выходит из строя или «залипает», программа диагностики, например процедура POST, обычно выдает ее скан-код. Это означает, что идентифицировать конкретную клавишу придется именно по данному коду.

Скан-код клавиатуры

В клавиатурах IBM каждая клавиша имеет уникальный номер, что дает возможность отличать ее от других. Данные номера необходимо знать для идентификации клавиши на зарубежных клавиатурах, поскольку она может иметь другие символы. В большинстве других моделях и в расширенных клавиатурах убрана одна из клавиш (№29), но добавлены две другие (№45 и №42). В итоге общее их количество увеличилось до 102.

Существует большое количество «горячих» клавиш, которые в клавиатурах USB и расширенных клавиатурах могут использоваться для запуска определенных операций (например, переход в спящий режим, запуск обозревателя, регулировка уровня громкости и так далее), так и функций, назначенных пользователем. Все «горячие» клавиши обладают собственным скан-кодом.

Источник

Alt-коды

Любой символ имеет собственный уникальный цифровой код. Для ввода отсутствующих на клавиатуре символов можно использовать Alt-коды.

Alt-коды – сочетание клавиши Alt и десятичного числа, набранного на дополнительной цифровой клавиатуре справа, не отпуская Alt. Индикатор Num Lock должен гореть.

Alt-коды на клавиатуре компьютера

На некоторых ноутбуках нет правой клавиатуры. Дополнительные цифры в таком случае находятся на определенных буквенных клавишах. Это и есть правая цифровая клавиатура. Чаще всего эта клавиатура включается клавишей Fn (или Fn вместе с NumLk). Потом этой же клавишей надо отключить дополнительную цифровую клавиатуру.

Alt-коды на клавиатуре ноутбука

Этот метод работает во всех текстовых редакторах.

Например, вставить на Web-страницу обычное тире (тире шириной в букву n), можно разными способами:

– мнемонический html-код;
– десятичный код;
– шестнадцатеричный код;
Alt+0150 Alt-код.
Пример

Лето – это хорошо.

Лето – это хорошо.

Лето – это хорошо.

Лето – это хорошо.

Вставка символов с помощью Alt-кодов значительно сокращает html-код страницы и делает его более читаемым.

Источник