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.
The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.
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 .
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.
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With