javascript - Html - 使用箭头键禁用页面滚动，而完全禁用箭头键

Question

我有一个使用箭头键移动到我网站上的下一页的网页，但我唯一的熟食店是我想禁用使用箭头键滚动页面而不完全禁用箭头键这可能吗？我已经对此进行了研究，但是在所有其他问题上，他们完全禁用了箭头键，但这是您浏览我的网站的方式之一

PS不要将此标记为重复，因为所有其他人都询问如何使用箭头键禁用滚动，但它们完全禁用它们我只想禁用它们的滚动而不是完全禁用它们。

Answer 1

您应该能够捕获keydown事件并阻止默认操作（例如滚动），然后对事件执行任何其他操作。例如：

document.addEventListener("keydown", function (e) {
  if([37,38,39,40].indexOf(e.keyCode) > -1){
    e.preventDefault();
    // Do whatever else you want with the keydown event (i.e. your navigation).
  }
}, false);