Javascript слушатель события ArrowDown - остановка прокрутки страницы

Question

У меня, надеюсь, довольно простой вопрос для вас на Javascript. У меня есть прокручиваемая статическая страница, которая может показать / скрыть наложение полного кадра (скрытие всей страницы) с помощью z-index. Когда наложение отображается, я создаю новый прослушиватель событий «keydown», в котором я, например, проверяю «ArrowDown». Когда оверлей скрыт, слушатель отписывается.

Это прекрасно работает, за исключением того, что страница под оверлеем продолжает прокручиваться вверх и вниз, как обычно. Я думал, что смогу остановить это, используя

event.stopPropagation()

что, впрочем, не помогает. Как я могу подойти к этому?

Answer 1

Event.stopPropagation() Предотвращает всплытие события в DOM, но не останавливает поведение браузера по умолчанию .

event.preventDefault();

это должно работать , поскольку останавливает поведение браузера по умолчанию .