Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Update mouse cursor without moving mouse with changed CSS cursor property

I currently have a C# host that mirrors the screen and mouse on a website, the connection works totally fine, and when the mouse changes on the host, it changes the CSS almost immediatly. This way I can mirror the mouse too.

So here is the problem:

The mouse only updates when I move the mouse on the client website.

Speed and performance is very important here, a quick fix would be to refresh the canvas, or move the page/mouse a little bit, but I'd rather have a more sophisticated approach.

like image 556
Alexander Avatar asked May 26 '16 13:05

Alexander


People also ask

Which CSS property changes the mouse pointer?

The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.

How do you add a different cursor in CSS?

Answer: Use the CSS cursor property You can define a custom cursor using the CSS cursor property. The cursor property takes the comma-separated list of user-defined cursors value followed by the generic cursor. First of all create cursor image and save it with the extension .

How do I make my cursor bigger CSS?

You can't increase the size of the default cursor using CSS or jQuery. But you can replace the cursor with the custom image of any size using pure CSS by cursor : Url() property.


1 Answers

you should check one of the answers given in the link that @rjmunro linked, it says:

I believe this issue (including the mousedown problem) is now fixed in Chrome 50.

But only if you are not using the developer tools!!

Close the tools and the cursor should immediately respond better.

Getting the browser cursor from "wait" to "auto" without the user moving the mouse

like image 94
Facundo Colombier Avatar answered Oct 11 '22 23:10

Facundo Colombier