Question

我目前正在建立一个带游戏的AngularJS网站。在这里，我想使用键盘来恢复/暂停和控制游戏。我必须添加eventlistener的代码如下：

$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应用程序和控制器的方法。

我无法找到解决方案。我希望有人知道为什么会这样。

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 */
});

您是在服务的单例部分还是在某种控制器中设置它（每次都会重新创建并解释此行为）？

Keydown / Keyup被调用7次

1 个答案: