web-dev-qa-db-fra.com

Masquer le pointeur de la souris sur le kiosque Chrome

L'application Web avec l'interface utilisateur xHTML est affichée sur un kiosque libre-service, utilisant Chromium en mode kiosque plein écran. Comme l'affichage du kiosque est destiné uniquement à la rétroaction visuelle, il n'y a pas de souris/écran tactile connecté.

Bien qu'il soit très facile de masquer le pointeur de la souris via le CSS:

html { cursor: none; }

Cette approche a un problème essentiel - l'utilisateur DOIT déplacer la souris d'au moins quelques pixels pour que le pointeur disparaisse. Comme je l'ai mentionné ci-dessus, ce kiosque n'a pas de méthodes de saisie et, par conséquent, après le chargement de l'interface utilisateur, le curseur est toujours visible en plein milieu de l'écran pour le reste du temps.

Je sais qu'il est possible de simplement définir le curseur transparent dans les options du système d'exploitation, mais malheureusement, peu de ces kiosques ont déjà été livrés aux clients, nous ne pouvons donc modifier à distance le contenu HTML/CSS/JS affiché, pas accéder et configurer le système d'exploitation sous-jacent lui-même .

J'ai aussi fait une recherche sur Google et il semble qu'il n'y ait aucun moyen de déplacer la souris via jQuery. Quelqu'un peut-il suggérer comment résoudre ce problème?

12
Artanis

Vous ne pouvez pas le faire uniquement via le navigateur && CSS/JS (croyez-moi, j'ai essayé). Pour moi, la solution consistait à installer unclutter sur le client:

Sudo apt-get install unclutter

Et désactivez le curseur en ajoutant au démarrage automatique

nano ~/.config/lxsession/LXDE/autostart

ligne:

@unclutter -idle 0.1

Cela fera disparaître votre cours après ne pas avoir bougé pendant 0,1 s, donc si vous voulez utiliser la souris - vous pouvez toujours.

11

Pour ceux qui recherchent une solution de niveau SO:

Je suggère d'utiliser nano, donc le type de terminal Sudo nano /etc/lightdm/lightdm.conf pour modifier ce fichier et ajouter cette ligne ci-dessous:

xserver-command = X -nocursor

Important: Vous devez ajouter cette ligne après la déclaration [Seat *].

Solution utilisée dans la distribution Linux de Raspbian.

3
zion