icon RUS

59

Фокус в поле ввода при нажатии кнопки

Сергей Гривцов
Сергей Гривцов
   23:26
194

В примере используется пример Сворачивания(Collapse) Bootstrap 4.

https://getbootstrap.ru/docs/4.5/components/collapse/
<p>
  <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Button
  </button>
</p>
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    <input type="text" name="test" id="test-id">
  </div>
</div>

Есть скрытый div с полем ввода, которое отображается, когда вы нажимаете кнопку, как сфокусировать ввод, когда кто-то нажимает на кнопку? Пробовал использование через JS onlick, но поле не фокусируется

Статус:
В процессе
Приоритет:
Средний
Версия:
  • 4.4
  • 4.5
Каталог документации:
Компоненты/Сворачивание
Иван ответил на вопрос

21:55

Нужна задержка используйте setTimeout

$("#regularButton").click(function() {
  setTimeout(function() {
    $("#test-id").focus();
  }, 1000);
});

Активность