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;
    }
})

使用返回键切换复选框

1 个答案: