Chrome World по-русски

Клавиши-модификаторы – это специальные клавиши на клавиатуре, которые изменяют поведение других клавиш по умолчанию. Control, Shiftи Alt– некоторые клавиши-модификаторы. Когда клавиша-модификатор комбинируется с другой клавишей, вы можете ожидать выполнения другого действия.

Например, если вы нажмете клавишу z, она должна вернуть клавишу и код для буквы z. Если вы объедините его с модификатором Controlи Control zнажмете, вы, скорее всего, получите Undoоперацию. Давайте посмотрим на это еще на нескольких примерах в следующем разделе.

Свойства, event.altKey, event.ctrlKey, event.shiftKey, и поэтому на помощь обнаружить, если клавиша – модификатор нажата.

Ключевые комбинации

Мы можем комбинировать несколько клавиш и выполнять действия на основе сочетаний клавиш. Фрагмент кода ниже показывает, как объединить Controlи zключ для определения действия:

document
  .getElementById("to_focus")
  .addEventListener("keydown", function(event) {
    if (event.ctrlKey && event.key === "z") {

    }
});

Вот еще один пример, демонстрирующий еще несколько комбинаций клавиш. Пожалуйста, попробуйте:

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

В таблице ниже показан список ключей со значениями event.which, event.keyи event.code.

Пожалуйста, обратите внимание:

• event.which устарел (или устарел)
• event.codeЗначение одинаково для строчных букв (а) и заглавных букв (A). Hoever theevent.key фактическое значение буквы.
• event.whichЗначение отличается в Firefox (FF) и другие браузеры для ключей, equal(=), semicolon(;), иdash/minus(-)

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

В спецификации сказано, что если виртуальная клавиатура имеет такое же расположение клавиш и функциональность, что и стандартная клавиатура, то она должна иметь соответствующий атрибут кода. В противном случае он не вернет правильное значение.

Подвести итоги:

• Вы можете использовать KeyboardEventдля захвата действий пользователя с помощью клавиатуры.
• Есть в основном три ключевых события, keydown, keypressиkeyup.
• Мы должны использовать keydownтип события в максимально возможной степени, поскольку он удовлетворяет большинству вариантов использования.
• Тип keypressсобытия устарел.
• Это event.whichсвойство устарело. Используйте event.keyвезде, где возможно.
• Если вам необходимо поддерживать старый браузер, используйте соответствующий резервный вариант для определения ключа.
• Мы можем комбинировать несколько ключей и выполнять операции.
• Виртуальная клавиатура поддерживает эти события, если ее раскладка и функции аналогичны стандартной клавиатуре.

На этом пока все. Спасибо, что дочитали до этого места! Подключимся. Вы можете @ меня в Twitter (@tapasadhikary) с комментариями или не стесняйтесь подписываться.

С https://giphy.com/

Научитесь программировать бесплатно. Учебная программа с открытым исходным кодом freeCodeCamp помогла более 40 000 человек получить работу в качестве разработчиков.Начать