Javascript 从元素操纵光标位置

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

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

因此：如果您将光标放在圆的周围，它将永远不会接近圆，并且会被从该元素中送走。这有可能吗？Javascript、Angular还是其他什么？你有没有创造过这样的东西

---

您可以使用以下方法 永久隐藏光标并改用div元素。 在窗口上，鼠标移动事件用指针的当前位置更改div元素的位置。 现在你们需要在这里设置一个条件，当指针进入圆区域时 不要用指针的当前位置更新div元素位置，而要用新的计算位置（位于圆之外）更新它

---

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

是否适合将圆从光标上移开？“这似乎更现实一些。我没有用过它，但在这里可能是相关的。”hairmot我考虑过，但概念正好相反。就像一个隐喻，没有什么可以穿透这个圆圈。甚至光标都没有。哇，这听起来太棒了！我会努力做到这一点，但如果你有一个例子，将不胜感激！尝试以下链接，但区域检测，我需要添加一些更多的代码你也想要吗？谢谢！这就解决了60%的问题：）但是，它必须是两个元素：光标（本例中的圆圈）不能穿透另一个元素，只能在周围。选中此选项-它可能有一种方法可以将光标（小div）保持在大div的周围，而不允许它位于内部。