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

我的猜测，您遇到了JavaScript的上下文问题，请尝试以下方法：

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

所有事件对象都有一个目标元素，通常是触发它的目标元素。

如何让EaselJS的MouseEvent正常工作？ SEEMS可以工作，但它会一直返回一个位图ID，而不是正确的

1 个答案: