javascript - Raphael - 鼠标靠近元素时的事件

Question

我想创建一个鼠标事件，当鼠标靠近拉斐尔元素时触发。 (所以我想我需要知道鼠标的 x,y 位置。关于如何实现这一点有什么想法吗？

谢谢!

Answer 1

您可以按照问题中的建议跟踪鼠标位置并将其与元素的位置进行比较。

但这样做是很困难的。

利用 mouseover 或 mouseenter 事件要容易得多。

显然 mouseenter 和 mouseover 仅当鼠标指针实际经过元素时才会触发，而不是按照问题仅仅靠近它，但这很容易解决在元素周围添加不​​可见区域，并在其上触发鼠标事件。

这个不可见区域可以是与 Raphael 元素位于同一位置的另一个元素，但在每个方向上超出它一定的距离，或者它甚至可以是同一个 Raphael 对象，只需将其放大一点即可不要一直绘制到边缘。

希望有帮助。