Почему навигация ломается после повторного focus?

Question

[Jesse Pinkman]

Здравствуйте!

В этом примере можно увидеть наглядно
Если в первый раз фокусить инпут и далее нажимать на клавиатуре стрелку вниз, то все работает как нужно, НО если заблюрить инпут (убрать фокус, например нажать на пустое место ) а потом снова зафокусить, то выбор списка начинает работать некорректно.

Как это можно исправить ?
Буду благодарен за помощь

Answer 1

[Александр]

Вы на каждом фокусе добавляете новый обработчик события, но старый то никуда не делся.

- $(document).on('focusin',  '.search-auto', function () {
-     $(this).keydown(function(e) {
+ $(document).ready(function () {
+     $('.search-auto').keydown(function (e) {

Comments

[Jesse Pinkman]

Спасибо, так работает, но как быть если инпут добавляется динамически ?

если делать так :

$(document).keydown('.search-auto'', function (e) { ... }

то условие выполняется даже если фокуса нет на инпуте.

В вопросе я этого не указал, но все же, возможно, вы сможете мне помочь

[Александр]

Jesse Pinkman,

$(document).on('keydown', '.search-auto', function (e) {});