Автофокус HTML5 не работает в Firefox

Я работаю с угловым приложением JS и HTML5. У меня есть форма входа с полем имени пользователя и пароля. когда загружается страница входа, я хочу, чтобы фокус был на имени пользователя по умолчанию. Я использовал HTML5 autofocus="autofocus", чтобы реализовать это без написания какого-либо сценария.

 <input name="USER" id="USER" type="email" class="input-control" data-ng-model="login.userName" required autofocus="autofocus">

Это отлично работает в Google Chrome, Internet Explorer и Safari. однако автофокус не работает в Mozilla Firefox. У меня есть некоторые проблемы с автофокусом в Firefox для старых версий. я использую версию 48.0

Любые решения? заранее спасибо


javascript html angularjs firefox autofocus
person Shareer    schedule 29.11.2016    source источник
comment
Firefox 48 не поддерживает автофокус http://caniuse.com/#feat=autofocus. Для этого http://stackoverflow.com/questions/9955398/autofocus-attribute-of-html5-does-not-work-only-in-firefox-when-forminput-ar. Или вы можете использовать какой-нибудь полифил, например https://jsfiddle.net/jonathansampson/qZHxv/ (google Это)   -  person phoa    schedule 29.11.2016
comment
@phoa - согласно ссылке, которую вы разместили, Firefox поддерживает автофокус с версии 4, выпущенной в марте 2011 г.   -  person Jaromanda X    schedule 29.11.2016
comment
@JaromandaX - не уверен, какую ссылку вы имели в виду, но в ссылке от caniuse упоминается, что автофокус в Firefox поддерживается начиная с версии 49, а не с версии 4.   -  person phoa    schedule 29.11.2016
comment
Нажмите показать все, чтобы увидеть   -  person Jaromanda X    schedule 29.11.2016
comment
@JaromandaX - ты прав. моя вина. Я никогда не обращал внимания на кнопку показать все там.   -  person phoa    schedule 30.11.2016
comment
JaromandaX - you're right если бы каждый раз, когда кто-то говорил, что у меня будет 35 центов, я получал по пять центов :p   -  person Jaromanda X    schedule 30.11.2016

Ответы (2)


arrow_upward
2
arrow_downward

$('#element').focus() должно работать

Этот вопрос уже задавали и отвечали здесь: Атрибут Autofocus HTML5 не работает только в FireFox, когда ‹Form›‹input› загружается через Ajax. ПОЧЕМУ? и здесь: Автофокус не работает в Firefox и не работает при переходе с другой страницы

person ArthurG    schedule 29.11.2016

arrow_upward
0
arrow_downward

Почему бы не попробовать использовать jquery

    <!DOCTYPE html>
    <html>
    <head>
    <title></title>

    <form>
    <input type="text" name="name" id="name">
    </form>
    </head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
  $('#name').focus();

</script>
</body>
</html>
person Joseph Cobbinah    schedule 29.11.2016
comment
так жаль. Не знал, что на него уже ответили - person Joseph Cobbinah; 29.11.2016