Определить сочетания клавиш для пользователя (добавить или изменить пользователя в веб-приложении)?

Question

У меня есть веб-приложение, созданное с angular 7.0 и Nodejs.Я хочу добавить механизм ярлыков (настраиваемый пользователем), например Microsoft Word, который пользователь может добавлять, редактировать или изменять стандартные сочетания клавиш для некоторых функций в этом приложении.Есть ли какой-либо код или советы для того, чтобы делать это?

Answer 1

Я знаю, что здесь есть ответ, но я стараюсь держаться подальше от пакетов, если я не готов углубиться в то, какой тип кода я бы добавил в свой проект.

Вот способ Angular / JavaScript для вызова функций на событиях клавиатуры.

@HostListener('window:keyup', ['$event']) keyEvent(event: KeyboardEvent) {
    if (event.keyCode === 27 || event.keyCode === 13) {
        // console.log(event.keyCode);
    }
}

Я обычно использую keycode.info или нажимаю клавишу регистрации, чтобы найти свои номера клавиш.

Псевдокод, основанный на вопросе комментария относительно привязок клавиш пользователя.

фиктивный объект пользователя, сохраненный в базе данных

user {
    ...
    bindings{
        featureOne: 27 // key chosen by user for featureOne
        featureTwo: 13 // key chosen by user for featureTwo
    }
}

Тогда вы можете обратиться к этим вариантам в слушателе

if (event.keyCode === user.bindings.featureOne) {
   // trigger featureOne
}

Answer 2

Я думаю этот пакет соответствует вашим потребностям!