Kineticjs文本填充会干扰鼠标悬停事件

Question

当鼠标移到Kinetic.Rect的颜色上时，我试图对其进行补间。 我还在同一位置定义了一段文本。 似乎在Kinetic.Text中添加填充会干扰鼠标悬停事件。

我在http://jsfiddle.net/d5pbK/上创建了一个小提琴。我有两个padding语句，一个位于第40行，另一个位于第45行。

现在，当我在蓝色矩形中移动鼠标时，小提琴的显示方式会更改颜色，但是如果将鼠标移到水平文本范围上，则矩形不会更改颜色。

同样，如果您激活任何填充语句，那么只有当我将鼠标置于橙色边框上时，矩形才会更改颜色。

我希望当鼠标悬停在矩形上时，矩形可以更改颜色，而与文本无关。

Answer 1

在向文本添加padding时， Kinetic.Text元素占用的空间与Kinetic.Rect元素相同。

因此， Kinetic.Rect将事件添加到Kinetic.Rect ， Kinetic.Rect将它们添加到Kinetic.Text

更新小提琴： http : //jsfiddle.net/MZ57d/