progway — программирование, IT

Обработка сочетания клавиш в JavaScript

Чтобы обработать сочетание клавиш, необходимо подписаться на событие keydown. В большинстве случаев вы будете подписываться на document, если сочетание клавиш глобальное по всему приложению.

Для примера возьмём сложное сочетание клавиш: command(alt) + shift + U

document.addEventListener('keydown', function(event) {
  if (event.metaKey && event.shiftKey && event.key === 'U') {
    // че-то делаем на нажатие
  }
});

Но тут стоит учитывать, что metaKey в разных браузерах работает по разному, в том числе могут быть проблемы в Safari. Самым безопасным вариантом будет следующий код:

document.addEventListener('keydown', function(event) {
  const isApple = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
  
  if ((isApple && event.metaKey && event.shiftKey && event.key === 'U') ||
      (!isApple && event.altKey && event.shiftKey && event.key === 'U')) {
    // че-то делаем на нажатие
  }
});

Спасибо за прочтение, это важно для меня ❤️

@prog_way_blog — чат — #theory #code #javascript

👍47❤10🤯4🔥3🐳3🌚2

www.tgoop.com/prog_way_blog/288

1.91K viewsMay 27, 2024 at 18:14

Обработка сочетания клавиш в JavaScript

Чтобы обработать сочетание клавиш, необходимо подписаться на событие keydown. В большинстве случаев вы будете подписываться на document, если сочетание клавиш глобальное по всему приложению.

Для примера возьмём сложное сочетание клавиш: command(alt) + shift + U

document.addEventListener('keydown', function(event) {
  if (event.metaKey && event.shiftKey && event.key === 'U') {
    // че-то делаем на нажатие
  }
});

document.addEventListener('keydown', function(event) {
  const isApple = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);
  
  if ((isApple && event.metaKey && event.shiftKey && event.key === 'U') ||
      (!isApple && event.altKey && event.shiftKey && event.key === 'U')) {
    // че-то делаем на нажатие
  }
});

BY progway — программирование, IT