Автофокус на входном элементе в раскрывающемся меню OnClick ⇐ Html

[Anonymous]

У меня есть простой начальная навигация с раскрывающимся меню. Выпадающее меню имеет входную форму. Простая задача, которую я хочу достичь, состоит в том, чтобы сосредоточиться на нем с помощью курсора, помещенного в поле ввода при нажатии кнопки раскрытия. < /p>

Я прошел через Stackoverflow, надеясь получить решение, но ни один из них не был применим к моей конкретной задаче. Я использовал атрибут AutoFocus на входном элементе. Частично работал, так как он работает в первом раза в Chrome. Но если размыто один раз, курсор не возвращается. В Firefox атрибут AutoFocus даже не работает. < /P>

Второй подход запускал его вручную с помощью JavaScript. Это тоже не работает.
Пожалуйста, дайте мне знать, если я делаю что -то не так или есть лучший подход для достижения этой цели. < /p>

html -код < /p>


Navbar

• 
  Dropdown
  

< /code>

js code < /p>

var focusOnInput = function(){
$('.dropdown-menu input').focus();
}
< /code>

codepen link < /p>

Подробнее здесь: https://stackoverflow.com/questions/521 ... nu-onclick