防止箭头键与keydown事件一起滚动

Question

我在我体内的Iframe中捕获了一个游戏。问题是，按下箭头键时整个页面会滚动。我怎么能阻止这个？我不想完全禁用使用箭头键滚动，只有在游戏正在播放时才会显示。

Answer 1

使用变量作为标志并添加事件监听器以查看该标志是否存在，如果是，请禁用密钥： Live demo here (click).

var flag = true;

document.body.addEventListener('keydown', function(e) {
  var badKey = 40; //down array keyCode
  if (flag && e.keyCode === badKey) {
    e.preventDefault();
  }
});

Answer 2

您可以应用键监听器并根据条件停止特定输入的正常运行（例如在玩游戏时）