操纵元素的光标位置

Question

我在这里有一个非常广泛的问题，我希望我能清楚地解释我到底需要什么。

下图显示了一个圆圈，它是一个html元素。我想创建一个交互元素并使用光标播放。想象一下，出于某种原因，你不能将光标放在圆圈内。如果您接近圆圈，我不想隐藏光标，而是以一种将光标移动到某种磁性吸引力的方式操纵光标。

所以：如果你把光标放在圆圈周围，它将永远不会接近它并被从这个元素发送出去。是不是有可能呢？ Javascript，Angular还是其他什么？反正有没有创造过那样的东西？

Answer 1

您可以使用以下方法 永久隐藏光标并改为使用div元素。 在窗口鼠标移动事件中，用指针的当前位置改变该div元素的位置。 现在你需要把条件放在指针进入圆形区域时 不要用指针的当前位置更新div元素位置，而不是用圆形外的新计算位置更新它。

如果您需要代码，我可以提供给您。