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

Posted 2023-05-08

【中文标题】Javascript event.preventDefault() 不适用于模态

【英文标题】：Javascript event.preventDefault() not working on modal

【发布时间】：2021-12-10 17:39:15

【问题描述】：

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

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

【参考方案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()"修复了它