停止单选按钮保持选中状态答案

【问题标题】：stop radio buttons from staying selected停止单选按钮保持选中状态
【发布时间】：2017-05-11 07:01:20
【问题描述】：

当我单击我的单选按钮然后按箭头键时，它会更改选项。有没有办法可以禁用此功能并在我的游戏（蛇）中正常使用箭头键？所以点击后，没有高亮或选择？

  <input type='radio' name='difficulty' onclick='setdiff("easy")'>easy
  <input type='radio' name='difficulty' onclick='setdiff("med")' checked>medium
  <input type='radio' name='difficulty' onclick='setdiff("hard")'>hard

我在setdiff 中尝试了document.getElementById("sketch").focus();。

【问题讨论】：

在做出选择后，使用 javascript 让单选按钮失去焦点。
输入没有结束</input>
只需将焦点传递给其他元素。您可以在 setdiff 函数结束时执行此操作。 document.getElementById("mygamediv").focus();
@Nosyara 对我不起作用。
Prevent arrow keys from changing selected radio button的可能重复

标签： javascript html css

【解决方案1】：

将焦点放在你的蛇身上是要走的路。您说将焦点设置在sketch 上不起作用，这可能是因为sketch 不可聚焦。因此，请确保将焦点设置在可以接收焦点的对象上。

或者，您可以使用blur() 函数从单选按钮中移除焦点。

【讨论】：