EaselJS의 MouseEvent를 제대로 작동 시키려면 어떻게해야합니까? 그것은 작동하지만, 하나의 비트 맵 ID가 아닌 올바른 것을 되돌려받습니다.

Question

저는 타일 그리드에서 마우스 클릭이 필요한 EaselJS에서 미니 게임을 쓰고 있습니다. 그러나 부분적으로 만 작동하거나 각 비트 맵에 고유 한 이벤트를 할당하지 않은 것으로 보입니다. 생성하는 동안 간단한 ID (반복마다 카운트하는 숫자)를 할당하고이를 다시 얻으려고합니다 ...하지만 스테이지에서 49 개의 객체 (육각형 타일) 중에서 어디를 클릭하든 48 개만 다시보고합니다. ... 매번 내가 처음에 잊어 버린 stage.enableMouseOver (20)를 활성화했지만 도움이되지 않았습니다.

function BuildGround() 
{ 
    var i = 0; 
    for (var x = 0; x < 7; x++) 
    { 
     for (var y = 0; y < 7; y++) 
     { 

      var h = 102; 
      var s = h/Math.cos(30*Math.PI/180)/2; 


      var tempTile = new createjs.Sprite(Tiles, 0); 
      WorldContainer.addChild(tempTile);   
      tempTile.regX = 64; 
      tempTile.regY = 64; 

      tempTile.id = i; 

      tempTile.x = x * s * 1.5; 
      tempTile.y = y * h + (x % 2) * h/2; 

      tempTile.addEventListener("click", function(event) { alert(tempTile.id); }) 

      TileArray.push(tempTile); 
      i++; 

      console.log(i); 
     } 
    } 

    WorldContainer.x = 155; 
    WorldContainer.y = 150; 
} 

Answer 1

내 생각 엔, 당신은 자바 스크립트의 컨텍스트 문제가 발생하는,이 시도 :

tempTile.addEventListener("click", function(event) { alert(event.target.id); }) 

모든 이벤트 객체는 일반적으로 대상 요소를 트리거 한 일이있다.