сосредоточиться на поиске при загрузке страницы

Я пытаюсь установить поиск на своем веб-сайте в качестве точки фокусировки по умолчанию при загрузке страницы. Поиск, который я использую, это «поиск и фильтр».

Я пытался использовать автофокус и onfocus, но не могу заставить курсор отображаться в поле поиска. Мой поиск находится в виджете на моей странице магазина woocommerce.


person Sparkles The Unicorn    schedule 19.07.2019    source источник
comment
Возможный дубликат jquery focus on load   -  person rob.m    schedule 19.07.2019


Ответы (1)


Если вы используете jQuery, вы можете использовать функцию фокуса jQuery.

Если фокус не был установлен на загрузку страницы, скорее всего, что-то еще крадет фокус.

function setSearchFocus(){
  console.log('setting search focus');
  $( "#search" ).focus();
}

$( document ).ready(function() {
  setSearchFocus();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="#">
  Search: <input type="text" name="search" id="search"><br/>
</form>
<br/>
<br/>
<button onClick="setSearchFocus()">Click to set focus</button>

person user2985710    schedule 19.07.2019