Keydown/Keyup вызывается 7 раз

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.

Я не мог найти решение для этого. Надеюсь, кто-нибудь знает, почему это происходит.

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

настраиваете вы это в одноэлементной части службы или в какой-то контроллер (который будет воссоздан каждый раз, и может объяснить это поведение)?