javascript - 从元素操纵光标位置

Question

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

下图显示了一个圆圈，它是一个 html 元素。我想创建一个交互式元素并使用光标。想象一下，由于某种原因，您无法将光标放在圆圈内。我不想在您接近圆圈时隐藏光标，而是以某种方式操纵光标，以某种磁力吸引将光标移开。

所以:如果您将光标放在圆圈周围，它永远不会接近它并被发送离开该元素。这有可能做到吗？ JavaScript、Angular 还是其他？无论如何，曾经创造过类似的东西吗？

Answer 1

可以使用以下方法永久隐藏光标并使用 div 元素代替。在窗口上，鼠标移动事件会更改该 div 元素的位置与指针的当前位置。现在您需要在此处添加条件，即当指针进入圆形区域时不要使用指针的当前位置更新 div 元素位置，而是使用圆外的新计算位置更新它。

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