Как реализовать keyboard shortcuts?

Middle
190 просмотров
AFK Offer AI

document.addEventListener("keydown", handler). Проверяй: e.key (символ), e.ctrlKey, e.metaKey (Cmd на Mac), e.shiftKey, e.altKey. Комбинации: if (e.ctrlKey && e.key === "s") { e.preventDefault(); save(); }. Не перехватывай стандартные сочетания без причины. Для React: useEffect с addEventListener. Библиотеки: tinykeys, hotkeys-js. Scope: разные шорткаты для разных страниц/модалок. Показывай подсказки: tooltip с Ctrl+S при hover на кнопку Save. Accessibility: не полагайся только на shortcuts.

Следующий вопрос

Что такое TDD для фронтенда?