logo标签列表

移动鼠标光标的Javascript方法

javascripthtmlmousemouseevent
7

我正在为一家公司建立一个笑话微站。他们想要一个功能，当用户悬停在某个图片上时，鼠标指针会随机改变位置。

Javascript 能实现这个功能吗？我该如何实现呢？

谢谢！

3
我知道这是一个非常烦人的功能，但这是客户想要的。 - Patrick McCreanor
那么，你对这个可怕的要求提出了什么替代方案，但并没有说服客户呢？ - Caspar Kleijne
3个回答
34

虽然不能真正地反转鼠标的移动方向，但你可以用一种方法来模拟这种行为。

你可以使用CSS的cursor: none 隐藏实际的鼠标光标，然后创建一个代表光标的图像，它看起来和实际光标相同，并放置在实际光标的位置。当用户移动鼠标时，您需要更新光标图像的位置并按照您希望的方式应用随机位置更改。请注意，当用户滚动到浏览器内容窗口之外时（在控件或浏览器之外），他们将回到真实位置并且您的光标将停留在其最后位置。

这是唯一可以拉这个恶作剧的方法。祝你好运，希望他们会喜欢 ;)

PS.

倒转鼠标移动方向也很有趣 :>

6
你为什么要允许这种发展？汤姆，我要点燃你了。 - Winfield Trail
是的，只需在他身上设置鼠标！ - MarnixKlooster ReinstateMonica
1

你不能移动鼠标光标。

你可以移动页面或图像相对于光标的位置，这可能会使它看起来像光标移动了，但实际上并没有移动。

0

你可以使用不可见的自定义图标来更改光标，然后制作一个假光标并移动它。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接