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

【问题标题】：Javascript event.preventDefault() not working on modalJavascript event.preventDefault() 不适用于模态
【发布时间】：2021-12-10 17:39:15
【问题描述】：

我正在使用 Angular 来实现可访问性并在可点击元素上添加 (keyup.space) 事件。空格键具有移动滚动条的默认行为，这是我不想要的即将发生。我设法通过使用 event.preventDefault() 在主页中跳过它，但是当我按下模式中按钮中的空格时尽管我使用 event.preventDefault()，但该行为仍然存在。

当我在模式中的元素中按空格时，有什么方法可以停止移动滚动条的默认行为？

【问题讨论】：

标签： javascript angular modal-dialog simplemodal

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：