Переключатель не выбран при нажатии мыши

Question

По какой-то причине, если я переключаю свои радиокнопки (и использую клавиши со стрелками, чтобы выбрать другие), выбирается текущая радиокнопка.Я могу сказать, потому что вокруг него есть синий круг выделения (Google Chrome).Но если я щелкаю переключатель мышкой, этого синего круга не появляется.

Проблема в том, что я пытаюсь создать плавный поток табуляции через мою страницу.Если пользователь не использует ничего, кроме клавиш со стрелками и клавишами, он работает нормально.Если они используют только мышь, это работает нормально, очевидно (потому что tabIndex не имеет значения).Но если они щелкают радиокнопку с помощью мыши, а затем нажимают клавишу табуляции, происходит сбой.В частности, он переключается на первый элемент на странице, а не на следующий элемент после переключателя.Есть идеи?

Answer 1

Думаю, я понял это.Слово, которое я искал, было «фокус».Кажется, что щелчок мышью по переключателю не дает фокусу кнопки.Он удаляет фокус с любого элемента, вроде щелчка в фоновом режиме.Мое решение состояло в том, чтобы вызвать функцию javascript для события onclick, которое назначает фокус переключателю с помощью focus ().

Answer 2

Очевидно, что tabindex идет прямо к первому элементу, которому он приказал.