主页 / 问题 / 1345124
Accepted
Alexandr_Yakovlev
Asked:2022-04-03 05:23:22 +0000 UTC2022-04-03 05:23:22 +0000 UTC

单击空格键时如何禁用页面滚动

  • 772

当您按空格键时，我想删除页面滚动。试过了preventDefault()- 没用。然后我想像这样修复它：

window.addEventListener('keydown', e => {
 if (e.keyCode === 32) {
   document.documentElement.scrollIntoView({
     block: 'start'
   });
 }
});

但它不能正常工作，我想知道如何解决它

javascript

1 个回答

  1. Best Answer

    正如我们已经在同一个处理程序的注释中发现的那样preventDefault，它仍然成功地停止了滚动并且是解决问题的方法：

    window.addEventListener('keydown', (e) => {  
  if (e.keyCode === 32 && e.target === document.body) {  
    e.preventDefault();  
  }  
});

    由于该方法preventDefault阻止（取消）浏览器设置的默认操作，因此有必要检查调用它的元素的上下文（ ） ，e.target === document.body否则将阻止在文本中写入空格等元素。inputtextarea

    • 0

相关问题