Javascript event.preventDefault() 不适用于模态

Javascript event.preventDefault() not working on modal

我在 Angular 工作以实现辅助功能并在可点击元素上添加 (keyup.space) 事件。 Space press 具有移动滚动条的默认行为,我不希望这样 即将发生。我设法通过使用 event.preventDefault() 在主页中跳过它,但是当我在模式中的按钮中按 space 时 尽管我使用 event.preventDefault().

,但该行为仍然存在

有什么方法可以阻止当我在模态元素中按下 space 时移动滚动条的默认行为?

如果是 vanilla js,它应该可以正常工作。

https://jsfiddle.net/ramseyfeng/xpd832mk/

window.addEventListener('keydown', function(e) {
  if(e.keyCode === 32) {
    e.preventDefault();
  }
});

我正在使用 (keyup.space)="$event.preventDefault();onClickMethod()" 事件。我使用 (keydown.space)=="$event.preventDefault();onClickMethod()"

修复了它