Не работает .focus()

155
17 апреля 2018, 03:40

Не работает .focus() В консоли console.log отрабатывает, а в input курсор не появляется, пока сам туда не кликнешь. Проверял в: Chrome, Yandex, Mozilla, IE11 на Windows 10

$('.fa-search').click(function() { 
  $('#searchField').focus(); 
  console.log('Focus Pocus'); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>"> 
  <input id="searchField" type="search" class="search-field" value="<?php echo esc_attr( get_search_query() ); ?>" name="s"> 
</form> 
<i class="fa fa-search" aria-hidden="true">Search</i>

Answer 1

Работает нормально ваш пример кода.

$('.fa-search').click(function() { 
  setTimeout(function() { 
    $('#searchField').focus(); 
    console.log('Focus Pocus'); 
  }, 0); 
}); 
 
$('.fa-search-2').click(function() { 
  $('#searchField').focus(); 
  console.log('Focus Pocus'); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form role="search" method="get" class="search-form" action=""> 
  <input id="searchField" type="search" class="search-field" value="лагутенко" name="s"> 
</form> 
<i class="fa fa-search" aria-hidden="true">icon</i> 
<i class="fa fa-search-2" aria-hidden="true">icon 2</i>

READ ALSO
На происходит вставка(prepend) html из js

На происходит вставка(prepend) html из js

У меня есть форма, при сабмите которой мне нужно что бы на странице появились введенные данныеНа странице они выводятся так: Есть один блок...

140
Как создать Accessible PDF через JavaScript?

Как создать Accessible PDF через JavaScript?

Собственно, вопрос в заголовкеПробовал библиотеку jsPDF, она создаёт

179
Клавиатура перекрывает редактируемый элемент

Клавиатура перекрывает редактируемый элемент

При клике на один из div в списке, иногда клавиатура перекрывает егоЕсли убрать position: fixed у #ellist1- все норм

166
Странное смещение дат в NodeJS

Странное смещение дат в NodeJS

Проблема 1: Одна и та же версия ноды, и там и там системное время задано правильно, временная зона Europe/Moscow с двух сторон, DST настроено правильноПроблема...

151