javascript - Keydown/Keyup 被调用 7 次

Question

我目前正在构建一个带有游戏的 AngularJS 网站。这里我想使用键盘来恢复/暂停和控制游戏。我必须添加事件监听器的代码如下:

$window.addEventListener('keydown', function(e) {
     if ($scope.gameState.playing) {
        for (var control in controls) {
            if (controls.LEFT.indexOf(e.keyCode) > -1) {
                gameEngine.startLeft();
            } else if (controls.RIGHT.indexOf(e.keyCode) > -1) {
                gameEngine.startRight();
            } else if (controls.POWERJUMP.indexOf(e.keyCode) > -1) {
                gameEngine.powerJump();
            } else if (controls.PAUSE.indexOf(e.keyCode) > -1) {
                $scope.pauseGame();
            }
        }
    }
});

该函数的内容不是很重要，但我的问题是每次按下一个键时它都会被调用 7 次。 keyup 也是如此。无论我按得快还是慢。

var GameApp = angular.module('GameApp', []);
GameApp.controller('GameController', function($scope, $timeout, $window)

上面的代码是我如何使用 $window 参数创建 Angular 应用程序和 Controller 。

我找不到这个问题的解决方案。我希望有人知道为什么会发生这种情况。

Answer 1

大胆猜测:事件处理程序是否注册了 7 次？

要检查，请执行以下操作:

$window.addEventListener('keydown', function(e) {
  if(e.iAmNotAlone) {
    throw new Error('Oh dear!');
  }

  e.iAmNotAlone = true;

  /* for control in control thingy goes here */
});

您是否将其设置在服务的单例部分或某种 Controller 中(每次都会重新创建并可以解释这种行为)？