カーソルキーでのスクロールを抑制する - ゲームが作れるようになるまでがんばる日記

キーボードの入力でカーソルキーが押されたとき、ブラウザのページがスクロールしてしまうことがある。これを抑制するにはevent.preventDefault()を呼べばよい。呼ぶことによってイベントがキャンセルされる。

<html>
<head>
<script>
window.onload = function() {
  window.addEventListener('keydown', keydownfunc, true);
}

var keydownfunc = function( event ) {
  var code = event.keyCode;
    switch(code) {
    case 37: // ←
    case 38: // ↑
    case 39: // →
    case 40: // ↓
      event.preventDefault();
      console.log(code);
  }
}
</script>
</head>
<body>
</body>
</html>

このコードではカーソルキーが入力されたときにevent.preventDefault()を呼び、スクロールしないようにしている。