Hide mouse pointer on Chromium kiosk

Question

The xHTML web application is displayed on the self-service kiosk using Chromium in full-screen kiosk mode. Since the kiosk display is for visual feedback only, there is no mouse / touch screen.

It's very easy to hide the mouse cursor with CSS so far:

html { cursor: none; } 

This approach has one major problem - the user SHOULD move the mouse at least a few pixels so that the pointer disappears. As I mentioned above, this kiosk has no input methods, and as a result, after loading the user interface, the cursor is still displayed right in the middle of the screen for the remaining time.

I know that you can simply set the transparent cursor in the OS settings, but, unfortunately, few of these kiosks are already sent to customers, so we can remotely change the displayed HTML / CSS / JS content, rather than access and configure the underlying OS.

I also googled around, and it seems that there is no way to move the mouse through jQuery. Can anyone suggest how to deal with this problem?

Answer 1

You cannot do this only through the && CSS / JS browser (believe me, I tried). For me, the solution was to install unclutter on the client:

 sudo apt-get install unclutter 

And turn off the cursor by adding autostart

 nano ~/.config/lxsession/LXDE/autostart 

line:

 @unclutter -idle 0.1 

This will cause your cursor to disappear after it does not move for 0.1 s, so if you want to use the mouse, you can still.