javascript 单选按钮焦点在 Firefox 上不起作用？

Question

我正在使用一个表单来从用户那里获取信息，并且我还使用了一些单选按钮和文本区域，如果用户没有从单选按钮中选择一个选项，我想聚焦该单选按钮，以便用户可以知道什么数据丢失。 我已经尝试过：

document.FORM.RADIOBUTTON[INDEX].focus();

它实际上在谷歌浏览器中运行良好，但由于某种原因它在火狐浏览器上不起作用， 我尝试使用 setTimeout(.....); ，它确实可以在 google chrome 上工作，但我在 firefox 中没有得到任何东西。 关于如何让它发挥作用有什么想法吗？

Answer 1

它确实在 Firefox 中有效，但问题是焦点项目在 Firefox 中没有突出显示。如果您尝试使用 Tab 键导航下一个 DOM 元素，您会发现它有效。某些样式可以应用于元素，但 DOM 元素样式也因浏览器而异。请参阅此处的示例
http://jsfiddle.net/uQ3vk/

Answer 2

在没有看到 HTML 的情况下，我建议的最佳选择是为您的单选按钮（或至少是您希望能够以编程方式聚焦的按钮）提供一个 ID：

<input type="radio" id="radio1" name="someradiogroup" value="somevalue">
<input type="radio" id="radio2" name="someradiogroup" value="someothervalue">

<script>
document.getElementById("radio1").focus();
</script>

与对 DOM 元素的任何编程访问一样，您的代码不会如果元素尚未解析，则可以工作，因此代码应该位于 document.ready / onload 处理程序中，或者比相关元素晚于源代码中。 （或者在提交处理程序中，假设在页面加载之前不会发生提交。）

Answer 3

我认为 Firefox 中缺少大纲是问题所在，我知道这对我来说是个问题。我添加了一些 CSS 并让它显示出来。

input:focus 
{
  outline:#000 dotted 1px; 
}    
select:focus
{
  outline:#000 dotted 1px; 
}