Блог

Главная - Вопросы по программированию - Проблемы с focus() во входном радиоприемнике в Firefox

Проблемы с focus() во входном радиоприемнике в Firefox

#javascript #html #focus

#javascript #HTML #фокус

Вопрос:

Я обнаружил проблему в Firefox при попытке настроить фокус во входном радиоприемнике. Это не делает фокус на вводе, если вы ранее не использовали tab для фокусировки на вводе. После этого он работает правильно. Кто-нибудь знает, как это решить? Заранее благодарю!

 <!DOCTYPE html>
<html>
<body>

Radio Button: <input type="radio" id="myRadio">

<p>Click the buttons below to give focus and/or remove focus from the radio button.</p>

<button type="button" onclick="getFocus()">Get focus</button>
<button type="button" onclick="loseFocus()">Lose focus</button>

<script>
function getFocus() {
    document.getElementById("myRadio").focus();
}

function loseFocus() {
    document.getElementById("myRadio").blur();
}
</script>

</body>
</html>

Комментарии:

1. У меня это работает в Firefox (версии 47.0 и 47.0.1). Единственное, что не выделяется… Но если вы нажмете «Получить фокус», а затем «пробел в строке», вы увидите, как радиоприемник изменится на checked.

Ответ №1:

У меня это работает в Firefox (версии 47.0 и 47.0.1). Единственное, что не выделяет его… Но если вы добавите какой-нибудь CSS, подобный следующему, вы увидите, как он работает нормально:

input#myRadio:focus {
outline: 7px solid yellow;
}