Реализация 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ого пункта.

Коды клавиш