我想这将是我遇到的一个非常普遍的问题。我在一个较大的形状之上有一个小形状。当我输入大形状时，它被注册为mouseenter/ mouseover。但是当我输入小形状时，大形状注册一个 mouseleave/ mouseout。这就像我去洛杉矶国际机场的洗手间，机场工作人员要求我因为离开航站楼而再次通过安检。
这是一个说明问题的最小 JSFiddle 示例。
问问题
511 次
2 回答
1
这是有意的。您不再悬停在圆圈上，而是悬停在三角形上。这些是层，所以根据您的定义，当您站在地毯上时，您会触摸地板。
如果希望三角形忽略事件，可以调用 triangle.setListening(false)，如下所示：http: //jsfiddle.net/YcBNL/19/。这样，事件将通过它传递到下面的形状。
另一种方法是使用 Kinetic.Group 对圆形和三角形进行分组，并将事件侦听器添加到组而不是圆形。
于 2012-10-12T16:26:18.780 回答
0
Michael上面的建议似乎很有希望，但它所做的只是限制一个形状（在本例中为三角形），或者将所有功能移到组中，这也不是我想要的。
暂时我所做的是对三角形使用 mouseenter 信号，对圆形使用 mouseleave 信号，这似乎有效。但是，我怀疑这是否适用于两个以上重叠的形状。如果有人提出更好的解决方案，我会全力以赴 =)
于 2012-10-12T18:57:18.107 回答