Как запретить скролл страницы при нажатии стрелок вверх-вниз?

Question

[Марти Макфлай]

Всем привет!
Делаю поиск и хочу, чтобы результаты поиска можно было пролистать по клавишам вверх-вниз. Всё работает, но не могу заставить страницу не прокручиваться при этом.

Думал, что достаточно будет запретить всплытие, но не тут-то было.

upd: https://jsfiddle.net/8f1ev7qu/

Вот как всё происходит:
Вешаю хэндлеры на ссылки, по которым буду ходить.

links = FAST_RESULTS.querySelectorAll('.js-fast-result-link');
links.forEach(function (result) {
  result.addEventListener('keyup', _onFastResultKeyUp);
});

Сам хэндлер:

let _onFastResultKeyUp = function (evt) {
        // Эта строка добавлена по рекомендации из интернета, но ничем не помогает, как и простой evt.preventDefault()
        evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
        evt.stopPropagation();
        if (evt.keyCode === DOWN_BTN) moveFocus('next');
        if (evt.keyCode === UP_BTN) moveFocus('previous');
    };

Функция смены фокуса:

let moveFocus = function(direction) {
        let focusedEl = document.activeElement;
        const currentIndex = Array.prototype.indexOf.call(links, focusedEl);

        const nextEl = direction === 'next'
            ? links[currentIndex + 1]
            : links[currentIndex - 1];

        const preventPreviousFocus = direction === 'previous' && currentIndex === 0;

        if (nextEl && !preventPreviousFocus){
            nextEl.focus();
        }
    };

Comments

[Шохрух Шаймардонов]

Залейте код в песочницу. Глянем в чем кроется проблема

[Марти Макфлай]

Шохрух Шаймардонов, спасибо большое https://jsfiddle.net/8f1ev7qu/

Answer 1

[Шохрух Шаймардонов]

Я бы конечно переписал весь этот костыль, но это уже на ваше усмотрение