Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   document.getelementbyid('input').focus() не устанавливает фокус (https://javascript.ru/forum/css-html/72331-document-getelementbyid-%27input%27-focus-ne-ustanavlivaet-fokus.html)

doox911 22.01.2018 12:49

document.getelementbyid('input').focus() не устанавливает фокус
 
На всех ресурсах в сети этот способ работает. У меня нет.
Вопрос банален. Почему?
<footer id="footer" class="" style="">
		<div id="nav">
			<a id="nav4" href="#header" class="chevron-up"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
		</div>
		<div id="byform">
			<form action="zayvka">
				<p><input type="text" id="input_1" class="zayvka"></p>
				<p><input type="text" class="zayvka"></p>
				<p><input type="text" class="zayvka"></p>
				<p><input type="text" class="zayvka"></p>
				<p><input type="text" class="zayvka"></p>
				<p><input type="text" class="zayvka"></p>
				<p><input type="text" class="zayvka"></p>
				<p><button class="z_button" >Отправить</button></p>
			</form>
		</div>
	</foter>

document.getElementById('input_1').focus();

рони 22.01.2018 12:59

doox911,
какой браузер

doox911 22.01.2018 13:15

В хроме и ФФ.

рони 22.01.2018 13:34

doox911,
скрипт вниз страницы пробовали поставить?

doox911 22.01.2018 14:10

Я это в консоле приписывал. Работает так: идёт скрол в форме, но форма не активна. Вниз ставил. Аналогично.

ksa 22.01.2018 14:36

Цитата:

Сообщение от doox911
На всех ресурсах в сети этот способ работает. У меня нет.
Вопрос банален. Почему?

Цитата:

Сообщение от doox911
В хроме и ФФ.

Бивас, тест! (с)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<footer id="footer" class="" style="">
	<div id="nav">
		<a id="nav4" href="#header" class="chevron-up"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
	</div>
	<div id="byform">
		<form action="zayvka">
			<p><input type="text" id="input_1" class="zayvka"></p>
			<p><input type="text" class="zayvka"></p>
			<p><input type="text" class="zayvka"></p>
			<p><input type="text" class="zayvka"></p>
			<p><input type="text" class="zayvka"></p>
			<p><input type="text" class="zayvka"></p>
			<p><input type="text" class="zayvka"></p>
			<p><button class="z_button" >Отправить</button></p>
		</form>
	</div>
</footer>
<script type='text/javascript'>
document.getElementById('input_1').focus();
</script>
</body>
</html>

У меня отработал везде... :victory:

doox911 22.01.2018 15:17

У меня тоже отработало. Там ошибку одну исправил) Два идетификатора поставил одинаковых. А в консоле хрома так и не работает(


Часовой пояс GMT +3, время: 01:02.