javascript - 通过 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();
  }
});