Задать вопрос
@sidorchik
javascript

Как сделать, чтобы автоматически ставился курсор в форму после переходе по ссылке #anchor?

У меня на странице есть ссылка на эту же с страницу с добавлением якоря: #anchor.

Вот я нажимаю на эту ссылку, страница отматывается до блока с id="anchor".

В моём случае этот блок — форма. Как мне сделать, чтобы курсор автоматически ставился в первое поле этой формы?
  • Вопрос задан
  • 273 просмотра
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
@Ceekjee
Вебмастер 
$("class").click(function(){
	$('form input:first-child').focus();
})
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
an2studio
@an2studio
Попробуй как-то так:
$('a.class').on('click',function(e){ //клик на ссылку
    e.preventDefault();
    var scrollTo = $('form').offset().top; //позиция формы
    $('body, html').animate({'scrollTop': scrollTo}, 400);
    $('form input:first-child').focus();
});
Ответ написан
Комментировать
Комментировать
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
На js две строчки https://jsfiddle.net/Politonius/y97yvgf4/
Ответ написан
1 комментарий
1 комментарий
IlyaDeveloper
@IlyaDeveloper
Top Rated | Expert Web Developer
Также не забудь применить autofocus="true" и не помешает к просмотру https://html5tutorial.info/html5-autofocus.php
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Поменять пароль root пользователя mysql
01 мая 2024, в 23:44
1000 руб./за проект
Модифицировать android приложение
01 мая 2024, в 23:25
2000 руб./за проект
Разработка онлайн казино слот-машины "Клубника" Pixi.js или Three.js
01 мая 2024, в 23:05
1500 руб./в час
Ещё заказы