单击鼠标时未选择单选按钮？答案

【问题标题】：Radio button not selected when mouse-clicked?单击鼠标时未选择单选按钮？
【发布时间】：2012-01-12 00:54:52
【问题描述】：

由于某种原因，如果我通过我的单选按钮（并使用箭头键选择不同的单选按钮）选择当前单选按钮。我可以说是因为它周围有一个蓝色的高亮圆圈（谷歌浏览器）。但是如果我用鼠标单击一个单选按钮，那个蓝色圆圈就不存在了。

问题是我试图在我的页面中创建一个流畅的标签流。如果用户只使用制表键和箭头键，它就可以正常工作。如果他们只使用鼠标，它显然可以正常工作（因为 tabIndex 将无关紧要）。但是，如果他们用鼠标单击单选按钮，然后按 Tab，则会失败。具体来说，它跳到页面上的第一个元素，而不是跳到单选按钮之后的下一个元素。有什么想法吗？

【问题讨论】：

这个问题是关于什么的？如果很明显，我很抱歉，但我不太确定。
他试图确保键盘上的选项卡按钮会影响用户做出的决定，该决定可用于选择网页上的单选按钮以及使用鼠标单击来执行相同的操作。
如果用户鼠标单击单选按钮，然后点击选项卡移动到下一个元素，它不会转到下一个元素，而是转到页面上的第一个元素。原因是单选按钮没有被鼠标点击高亮。

标签： button tabs click mouse radio

【解决方案1】：

很明显，tabindex 直接指向它被命令的第一个元素。

【讨论】：

我不明白你的回答。而且我不一定在谈论您第一次点击标签时。您可以通过标签浏览页面上的一半元素，然后单击一个单选按钮，然后点击标签，它会跳回第一个元素。
我想我明白了。我一直在寻找的词是“专注”。鼠标单击单选按钮似乎没有给按钮焦点。它从任何元素中移除焦点，有点像在背景中单击。我的解决方案是调用一个 javascript 函数到 onclick 事件，使用 focus() 将焦点分配给单选按钮。

【解决方案2】：

我想我明白了。我一直在寻找的词是“专注”。鼠标单击单选按钮似乎没有给按钮焦点。它从任何元素中移除焦点，有点像在背景中单击。我的解决方案是调用 onclick 事件的 javascript 函数，使用 focus() 将焦点分配给单选按钮。

【讨论】：