操纵元素的光标位置

问题描述：

我在这里有一个非常广泛的问题，我希望我能清楚地解释我到底需要什么。操纵元素的光标位置

下图显示了一个圆圈，它是一个html元素。我想创建一个交互式元素并使用游标进行游戏。想象一下，出于某种原因，你不能把你的光标放在圆圈内。我不想只在靠近圆圈的时候隐藏光标，而是以一种能够以某种磁性吸引力移动光标的方式来操纵光标。所以：如果你把你的光标放在圆上，它将永远不会接近它并被从这个元素发送出去。是不知何故可以做到的？ Javascript，Angular还是别的？无论如何都创造过类似的东西吗？

将圆圈从光标移开是否合适？这似乎更现实可能 – hairmot

没有使用它，但[指针锁API]（https://developer.mozilla.org/en-US/docs/Web/API/Pointer_Lock_API）可能在这里相关。 – Frxstrem

@hairmot我想过，但概念恰恰相反。就像一个比喻，没有任何东西可以穿透这个圈子。甚至没有光标。 –

答

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

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

哇，这听起来很神奇！我会尽力去做，但如果你有一个例子，将不胜感激！ –

尝试以下链接 https://jsfiddle.net/spankajd/5h066zwt/1/ 但对于区域监测到我需要添加一些更多的代码你要还？ – spankajd

谢谢！这就解决了60％的问题:)但是，它必须是两个元素：光标（你的圆圈）不能穿透另一个元素，只是在周围。检查它 - http://jsfiddle.net/hj57k/3764/ 它可能有一种方法来保持大div的光标（小div），并且不允许它在里面。 –

操纵元素的光标位置

相关推荐