html - Move Mouse Cursor 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 :>