鼠标单击时未选中单选按钮？

Question

出于某种原因，如果我通过单选按钮进行选项卡（并使用箭头键选择不同的按钮），则会选择当前的单选按钮。我可以说，因为它周围有一个蓝色的高亮圆圈（Google Chrome）。但是，如果我用鼠标单击一个单选按钮，那蓝色圆圈就不存在了。

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

Answer 1

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

Answer 2

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