javascript - 区分离开形状和进入重叠形状(KineticJS)

Question

我想这将是我遇到的一个非常普遍的问题。我在一个较大的形状之上有一个小的形状。当我输入大形状时，它被注册为 mouseenter/mouseover。但是当我进入小形状时，大形状注册了一个mouseleave/mouseout。这就像我在洛杉矶国际机场去洗手间，机场工作人员要求我再次通过安检，因为我已经离开了航站楼。

这是一个minimal JSFiddle example说明问题。

Answer 1

这是有意的。您不再悬停在圆圈上，而是悬停在三 Angular 形上。这些是层，因此根据您的定义，您站在地毯上时会接触到地板。

如果想让三 Angular 形忽略事件，可以调用triangle.setListening(false)，如下所示:http://jsfiddle.net/YcBNL/19/ .这样，事件将通过它传递到下面的形状。

另一种方法是使用 Kinetic.Group 将圆形和三 Angular 形分组，并将事件监听器添加到组中而不是圆形。