Используйте клавишу возврата, чтобы переключить флажок

Question

Я построил навигационный гамбургер, используя переключатель, чтобы показать / скрыть меню, чтобы меню работало, если пользователь работает в браузере, отличном от JS.

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

Есть ли эффективный способ переключить флажок клавишей возврата, если пользователь сфокусирован на этом, или я просто оставлю его с пробелом?

Answer 1

Я думаю, что самым простым способом было бы написать скрипт для получения всех всплывающих keypress событий и переключаемых входов.

<input type="checkbox" class="js-toggle-enter" />

document.addEventListener('keypress', (e) => {
    if( e.key === "Enter"  && e.target.classList.contains('js-toggle-enter')){
        e.target.checked = !e.target.checked;
    }
})