События клавиатуры в JavaScript
При вводе с клавиатуры в javascript возникает сразу несколько событий, которые позволяют отследить коды нажатых клавиш и получить дополнительную полезную информацию для полного контроля над устройством ввода. Перейдём к теоретической и практической части.
События клавиатуры
В JS для клавиатуры используется 3 основных события:
- onkeydown — срабатывает при нажатии на клавишу и повторяется пока её не отжали.
- onkeypress — идентично предыдущему, но с 2 особенностями:
- срабатывает после «onkeydown» и только для клавиш с символами;
- функциональные клавиши, типа Alt и Ctrl , его не задействуют.
- 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
Здравствуйте!
Вы никогда не задумывались, сколько порой приходится тратить времени на обычные операции: выделить что-то мышкой, скопировать, затем вставить в другое окно (файл)?
А представьте, если вы работаете за день с десятками файлов? Те кто использует некоторые горячие сочетания клавиш в 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 и др.).
Как пользоваться табличками ниже:
- находите нужный символ и смотрите его Alt-код: например, у сердечка (♥) он будет «Alt+3«;
- собственно, этот код означает, что нужно зажать кнопку «Alt» (левую), а затем на цифровой клавиатуре нажать кнопку «3«.
Самые нужные alt-коды (1-я таблица)
Самые нужные alt-коды (2-я таблица)
Что делать, если в таблице нет нужного символа
Чтобы привести все символы, которые можно вставить в текст — потребовалась бы очень большая статья, поэтому в таблицах выше я привел лишь самые популярные символы (которых нет на клавиатуре). Чуть ниже расскажу, как найти и вставить тот символ, который нужен именно вам!
Сначала открываем таблицу символов: для этого нажмите сочетание Win+R, введите charmap и нажмите Enter;
Таблица символов в Windows
Как скопировать спец-символ
Примечание : так же для некоторых символов в таблице есть alt-код: т.е. чтобы вставить его, можете зажать alt и нажать «0174» (к примеру) — и увидите значок копирайта ®.
Источник
Полный список комбинаций клавиш на клавиатуре
Часто читая статьи в интернете или инструкцию по установке какой-либо программы, Вы можете встретить комбинации клавиш (Ctrl-C, Ctrl-V, Win-R, Alt-Tab, Alt-F4 и т.д.). И если Вы, до сих пор не знаете, что они значат, тогда Вы можете ознакомиться с ними в нашей статье.
В данной статье представлен, полный список комбинаций клавиш на клавиатуре, используемые не только в операционной системе Windows.
Разделы по работе с комбинациями клавиш:
- Основные комбинации клавиш на клавиатуре
- Горячие клавиши общего назначения
- Комбинации клавиш предназначенные для работы с текстом
- Комбинации клавиш для работы с файлами
- Комбинации клавиш для работы в проводнике
- Комбинации клавиш для работы с окнами
- Комбинации клавиш для работы с диалоговыми окнами
- Комбинации клавиш для работы в браузерах (Internet Explorer, Google Chrome, Mozilla)
- Специальные возможности
Основные комбинации клавиш на клавиатуре
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 должен гореть.
На некоторых ноутбуках нет правой клавиатуры. Дополнительные цифры в таком случае находятся на определенных буквенных клавишах. Это и есть правая цифровая клавиатура. Чаще всего эта клавиатура включается клавишей Fn (или Fn вместе с NumLk). Потом этой же клавишей надо отключить дополнительную цифровую клавиатуру.
Этот метод работает во всех текстовых редакторах.
Например, вставить на Web-страницу обычное тире (тире шириной в букву n), можно разными способами:
| – | мнемонический html-код; |
| – | десятичный код; |
| – | шестнадцатеричный код; |
| Alt+0150 | Alt-код. |
Пример
Лето – это хорошо.
Лето – это хорошо.
Лето – это хорошо.
Лето – это хорошо.
Вставка символов с помощью Alt-кодов значительно сокращает html-код страницы и делает его более читаемым.
Источник