EaselJS - 容器鼠标事件处理

Question

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

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

说明问题的小提琴：

• hitArea
• without hitArea

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

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

Answer 1

我决定使用另一种解决方法 - 我创建了一个DisplayObject，为其指定了hitArea，并将其作为第一个子元素添加到Container，缺点是我必须同时定义事件处理程序在那个 hitArea-object 和 Container 处。但与我发现的其他解决方案相比，它需要的工作要少得多。

更新fiddle。