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

Question

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

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

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);