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

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

<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.i есть красные о некоторых проблемах с автофокусом в firefox для старых версий. Я использую версию 48.0

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

источник

2016-11-29 Shareer

Firefox 48 не поддерживает автофокус [http://caniuse.com/#feat=autofocus](http://caniuse.com/#feat=autofocus). Для этого есть поток stackoverflow [http://stackoverflow.com/questions/9955398/autofocus-attribute-of-html5-does-not-work-only-in-firefox-when-forminput-ar](http:// stackoverflow.com/questions/9955398/autofocus-attribute-of-html5-does-not-work-only-in-firefox-when-forminput-ar). Или вы можете использовать некоторый полифиль, как [https://jsfiddle.net/jonathansampson/qZHxv/](https://jsfiddle.net/jonathansampson/qZHxv/) (google it) – phoa

@phoa - согласно ссылке, которую вы опубликовали firefox поддерживал автофокус с версии 4 - выпущен в марте 2011 года –

@JaromandaX - не знаю, какую ссылку вы имели в виду, но ссылка от caniuse упоминает, что автофокусировка на firefox поддерживается с v49, а не с версии 4. – phoa

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

Этот вопрос уже задавался и ответил здесь: Autofocus Attribute of HTML5 does not work only in FireFox when <Form><input> are loaded via Ajax. WHY? и здесь: Autofocus doesn't work on Firefox and doesn't work when coming from another page

источник

2016-11-29 10:48:17 ArthurG

Почему бы не попробовать использовать 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>

источник

2016-11-29 12:57:45

так извините. Не знал, что он уже был дан ответ –

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

ответ

Смежные вопросы