Делаем событие JQuery нажатия комбинации клавиш на клавиатуре. Коды клавиш - IZIART

Разработка сайтов
индивидуальный дизайн

Главная » JS » Делаем событие JQuery нажатия комбинации клавиш на клавиатуре. Коды клавиш

Делаем событие JQuery нажатия комбинации клавиш на клавиатуре. Коды клавиш

Обновлено: 05.10.2023
коды клавишь клавиатуры

Реализация JQuery скрипта

Сейчас мы напишем скрипт JQuery, который будет говорить ‘Hello’ или ‘Bye’ при нажатии комбинации клавиш на клавиатуре.

Для этого нам понадобится два стандартных события скомбинировать.

keyup — срабатывает при отпускании нажатой клавиши

keydown — срабатывает при нажатии клавиши

И так, мы реализуем комбинацию клавиш Shift + Q и Shift + A

#1
let pressShift = false;

#2
$(document).keyup(function(e) {
  if(e.which == 16) pressShift = false;
});

$(document).keydown(function(e) {
  #3
  if(e.which == 16) pressShift = true;

  #4
  if(e.which == 81 && pressShift == true) alert('Hello');

  #5
  if(e.which == 65 && pressShift == true) alert('Bye');
});

В первом пункте (#1) объявляем переменную pressShift, для отслеживания состояния клавиши shift.

#2. Для того чтобы код срабатывал только при одновременном нажатии двух клавиш, мы отслеживаем событие keyup для клавиши shift и изменяем ее состояние в переменной pressShift.

#3. Если шифт зажат присваиваем статус true переменной.

#4. Проверяем, если нажата клавиша Q и зажат shift, то выводим ‘Hello’.

#5. Аналогично 4ого пункта.

Коды клавиш