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

Question

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

，但该行为仍然存在

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

Answer 1

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

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

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

Answer 2

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

修复了它

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

Javascript event.preventDefault() not working on modal

javascript

simplemodal

modal-dialog

angular