ArrowDown的Javascript事件监听器 - 停止页面滚动

Question

我有一个希望相当简单的Javascript问题。我有一个可滚动的静态页面，可以使用z-index显示/隐藏完整的帧覆盖（隐藏整个页面）。当显示叠加层时，我为“keydown”创建一个新的事件监听器，例如我在其中检查“ArrowDown”。隐藏叠加层时，将取消订阅收听者。

除了覆盖层下方的页面像往常一样上下滚动外，这种方法效果很好。我以为我可以通过使用来阻止它

event.stopPropagation()

然而，这没有帮助。我怎么处理这个？

Answer 1

Event.stopPropagation()防止事件冒泡DOM，但不会停止浏览器的默认行为。

event.preventDefault();

这应该工作，因为它会停止浏览器的默认行为。