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

Question

我试图在鼠标移过它时补间Kinetic.Rect的颜色。我还在同一位置定义了一段文字。似乎向Kinetic.Text添加填充会干扰鼠标悬停事件。

我在http://jsfiddle.net/d5pbK/创造了一个小提琴 我有两个填充语句，一个在第40行，一个在第45行。

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

此外，如果你激活任何填充语句，那么只有当我将鼠标放在橙色边框上时，矩形才会改变颜色。

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

Answer 1

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

因此，不要将事件添加到Kinetic.Rect，而是将其添加到Kinetic.Text

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