Question

我有点问题。我使用easelJS在画布中创建一些形状。

我已经创建了容器类来存储圆形，上面有文字。此类包含容器的点击功能。

我创建了一个具有矩形形状和其他文本的其他容器类。

在这个容器上，我已经激活拖放以将其移动到画布中。工作正常，但是，当我将容器（圆形）添加为此容器的子容器时，具有矩形形状的容器调用click函数。我知道这样做是因为我把鼠标设为假。

如果我更改此属性，当我移动父容器时，其中的所有子项都不会移动。

我想将click函数parent重定向到我的circle容器的click函数。

事实上，我只需要创建一个可移动的形状，其中的其他形状可以点击。

thx求助，如果你需要我的代码，我可以把它放在这里

Answer 1

您可以收听容器的按压移动以及儿童的鼠标事件，因为EaselJS中的事件会冒泡。

以下是一个示例： http://jsfiddle.net/8L9wye4n/1/

// Listen for children events:
s.on("click", function(event) { event.target.scaleX = event.target.scaleY = event.target.scaleX+0.1 });

// Listen for container drag/drop
c.on("pressmove", function(event) {
    c.x = stage.mouseX; 
    c.y = stage.mouseY;
});

希望有所帮助。

EaselJS，拖放到容器但单击到子容器

1 个答案: