CODEWITHSUNDEEP
javascripthtmlmousemouseevent
Patrick McCreanor
Patrick McCreanor

Reputation: 249

Move Mouse Cursor Javascript

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!

Upvotes: 7

Views: 23311

Answers (3)

Konstantin Sizikov
Konstantin Sizikov

Reputation: 11

You can change your cursor with invisible custom icon, and then make a fake cursor and move it.

Upvotes: 0

Tom Tu
Tom Tu

Reputation: 9593

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 :>

Upvotes: 34

Dan Grossman
Dan Grossman

Reputation: 52372

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?

Upvotes: 1

Related Questions