EaselJS - 容器鼠标事件处理

Question

我有一个包含多个元素的容器。我希望能够检测到容器的子容器和容器区域（由我定义的矩形）的点击次数。

每当我在容器中定义hitArea时，它的子节点就不再接收鼠标事件 - 而是将它们分派到容器中。但是，如果没有hitArea我无法在容器区域检测到点击。

说明问题的小提琴：

• hitArea
• without hitArea

我所遇到的唯一solution是使用hitArea并在每个事件上验证容器上没有可以发送它的子项。然而，这种方法非常令人恼火：尽管我对容器级别感兴趣，但我必须捕获所有类型的鼠标事件。

这种情况有一个简单的解决方案吗？

Answer 1

我已决定使用其他解决方法 - 我为其创建了DisplayObject，指定了hitArea，并将其作为第一个孩子添加到Container，缺点是我必须在该hitArea-object和Container上定义事件处理程序。但它比我发现的其他解决方案所需的工作少得多。

更新了fiddle。