JavaScript проблема с пролистыванием классов?

Question

[NikSIk31]

Почему-то после выбора пункта меню начинает прыгать через один или через несколько вообще при прокрутке кнопками ( вверх, вниз ) https://jsfiddle.net/Lewm93pf/
Не могу понять почему..

Answer 1

[0xD34F]

Потому что при каждом событии focus вы добавляете новый обработчик keydown.

Comments

[NikSIk31]

спасибо

Answer 2

[Stockholm Syndrome]

inputSearch.addEventListener('focus', function(){
    list.classList.add('show');

    inputSearch.addEventListener('keydown', function(e){

у вас при каждом фокусе навешивается ещё один обработчик keydown

Comments

[NikSIk31]

ух, тогда понял. Вынес просто из этого фокуса обработчик keydown, и все работает. Я думал, что логично его в фокусе держать - "мол при фокусе если кнопка нажата, то действие...", думал без фокуса просто так будет срабатывать, а оно не срабатывает просто так. Наверное из-за того, что он скрыт изначально?