移动鼠标光标Javascript

Question

I'm building a joke microsite for a company. They want a feature where the mouse cursor will randomly change position when the user hovers over a certain image.

Is this possible in Javascript? How would I implement it?

Thanks!

Answer 1

You can't... but you can - in a way.

What you can do to mimic this behavior is that you can hide the actual cursor with css cursor: none and then create an image representing the cursor which would look the same and would be placed in position of the real cursor. Then whe user would move the mouse you'd have to update the position of the cursor image and apply your random position changes as you wish - though be aware that when user will scroll outside of the browser content window (on the controls or outside the browser) they will get their mouse cursor back to real position and your cursor will be stuck in its last position.

The only way you could pull this prank out. Good luck with it and hope they'll enjoy it ;)

PS.

inverting the mouse movement direction can be funny as well :>

Answer 2

You can't move the mouse cursor.

You can move the page or the image relative to the position of the cursor, which might make it look like the cursor moved when it didn't?

Answer 3

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