Что мне нужно сделать, чтобы добавить сочетания клавиш в веб-приложение и веб-сайты?

Question

Может кто-нибудь объяснить мне, как мне создать ярлык (например, Alt + S = Share) в моем веб-приложении?

Я использую HTML + S CSS + JS + MongoDB + React

Я знаю, что это супер открытый вопрос, но если кто-то может объяснить мне, как это сделать, я добавлю все сочетания клавиш, которые я хочу, в свое веб-приложение

Миллион, спасибо:)

Answer 1

Вы должны прочитать о событиях клавиатуры https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent

из документов:

document.addEventListener('keydown', (event) => {
  const keyName = event.key;

  if (keyName === 'Control') {
    // do not alert when only Control key is pressed.
    return;
  }

  if (event.ctrlKey) {
    // Even though event.key is not 'Control' (e.g., 'a' is pressed),
    // event.ctrlKey may be true if Ctrl key is pressed at the same time.
    alert(`Combination of ctrlKey + ${keyName}`);
  } else {
    alert(`Key pressed ${keyName}`);
  }
}, false);

document.addEventListener('keyup', (event) => {
  const keyName = event.key;

  // As the user releases the Ctrl key, the key is no longer active,
  // so event.ctrlKey is false.
  if (keyName === 'Control') {
    alert('Control key was released');
  }
}, false);