web-dev-qa-db-ja.com

Chromiumキオスクでマウスポインターを非表示にする

XHTML UIを備えたWebアプリケーションは、フルスクリーンキオスクモードでChromiumを使用して、セルフサービスキオスクに表示されます。キオスクディスプレイは視覚的なフィードバックのみを目的としているため、マウス/タッチスクリーンは接続されていません。

CSSを介してマウスポインターを非表示にするのは非常に簡単ですが、

html { cursor: none; }

このアプローチには本質的な問題が1つあります。ユーザーがポインターを非表示にするには、少なくとも数ピクセルをマウスで動かす必要があります。先に述べたように、このキオスクには入力メソッドがないため、UIがロードされた後も、カーソルは画面の真ん中に表示されたまま残ります。

OSオプションで透過カーソルを設定することは可能ですが、残念ながらこれらのキオスクのいくつかはすでにクライアントに出荷されているため、表示されるHTML/CSS/JSコンテンツをリモートでのみ変更でき、基盤となるOS自体にアクセスして構成することはできません。

また、私はググったところ、jQuery経由でマウスを動かす方法がないようです。誰もがこの問題に対処する方法を提案できますか？

pointersmousechromiumkiosk
12
Artanis

あなたはブラウザとCSS/JSを介してのみこれを行うことはできません（私を信じて、私は試しました）。私にとっての解決策は、クライアントに整頓をインストールすることでした：

Sudo apt-get install unclutter

自動スタートに追加して、カーソルをオフにします

nano ~/.config/lxsession/LXDE/autostart

ライン：

@unclutter -idle 0.1

0.1秒動かさないと、カーソルが消えるので、マウスを使用したい場合は、引き続き使用できます。

11
Szymon Dziewanowski

SOレベルソリューションを検索する場合：

Nanoを使用することをお勧めします。ターミナルタイプSudo nano /etc/lightdm/lightdm.confでこのファイルを編集し、以下の行を追加します。

xserver-command = X -nocursor

重要： [Seat *]宣言の後にこの行を追加する必要があります。

Raspbian Linuxディストリビューションで使用されているソリューション。

3
zion