Question

当我点击一个复选框然后在我开始输入后立即突出显示该复选框。当我突出显示空格键时，它会检查它有没有办法禁用空格键检查它或只是以某种方式禁用它的突出显示？

Answer 1

这违反了所有用户辅助功能文档，因此我并非真的建议这样做，但如果您真的想要实现这一点，则可以通过删除复选框focus来实现此目的。通过添加onfocus="this.blur()"：

进行关注

＆＃13;

<input type="checkbox" onfocus="this.blur()" tabindex="-1" />

＆＃13;

我建议不要这样做是因为现在这意味着在键盘上使用 tab 键时无法访问该元素。这就是为什么我还在上面示例中的复选框中添加了tabindex="-1"，因为没有它，JavaScript事件会将选项卡重置为1，从而无法访问复选框后面出现的所有互动元素。

Answer 2

此代码在释放单击后取消，但仍然允许用户选中复选框并正常使用键盘控件。可能是你将获得的最佳折衷方案。

document.getElementById('checkbox').addEventListener('mouseup', function() {
    this.blur();
}, false);

<input type="checkbox" id="checkbox" />