Html - 使用箭头键禁用页面滚动,而无需使用箭头键

时间:2013-11-04 21:55:44

标签: javascript html

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

P.S。不要将此标记为副本,因为所有其他人都要求如何禁用使用箭头键滚动但是他们完全禁用它们我只想禁用它们滚动而不是完全禁用它们。

1 个答案:

答案 0 :(得分:3)

您应该能够捕获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);