2

7 インチのタッチスクリーンで使用する小さな Web ベースのキオスク インターフェイスを構築しています。システム自体の詳細については触れませんが、タッチスクリーンのブラウザーは、Ubuntu で動作する常時フルスクリーンの Firefox です。

タッチスクリーンが動作するようになった後、大きなボタンがたくさんある簡単なテスト ページを作成しました。タッチスクリーンで試してみると、多くの素早いタッチ操作がマウスのドラッグとして解釈されることにすぐに気付きました。そのため、テキストが強調表示されたり、ゴースト画像がドラッグされたり、Web ページをランダムにクリックしてドラッグしたときに発生するその他すべてのことが起こりました。

これらの不要なビジュアルをすべて削除し、ボタンが押されたものとしてページに登録し、発生するドラッグを無視したいと考えています。私はすでにマウスカーソル自体を削除し、少しのCSSでページ上のテキスト選択を防ぎました:

* {
    cursor: none;
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit browsers */
}

しかし、多くのファンキーなことがまだ起こっています。デモンストレーションのために短いビデオを撮りました: http://www.youtube.com/watch?v=4tjZ5aIG41E

そのビデオのテスト ページは次のとおりです 。

タッチスクリーンを使用するときにページをより洗練させるのに役立つヒントはありますか? 私は、HTML/CSS ソリューション、Javascript ソリューション、および Firefox の構成/アドオンに対してオープンです。

編集-私が使用しているタッチスクリーンドライバーはeGalaxTouchであり、Ubuntuにインストールされていることに言及すると役立つ場合があります。

4

1 に答える 1

1

ただし、これは、人々がDOM要素をドラッグ、クリック、および選択するのを止めるのに最も近い方法です。Firefox が最適です ;)

.selectDisable {-webkit-user-select: none;  -khtml-user-select: none;   -moz-user-select: none; -o-user-select: none;    user-select: none; }

あなたはそれを体に適用することができます

他のもの-コメントで述べたように-デバイス設定..マウス設定を設定し、クリックをクイックに設定し、ドラッグを非常に長く設定する必要がある場合があります。

ただし、ブラウザーでドラッグ効果を無効にするには、DOM の微調整が必​​要です。

画像とテキストが選択されないようにする

IE では、このクラスを適用するだけで十分です。他のブラウザでは、目に見えない (透明な) オーバーレイ div を作成する必要があります。だからあなたはあなたのものをクリックすることができますが、divは実際にはその背後にある要素のドラッグを防ぎます..その奇妙な..しかし、それは機能します. 投稿の誰かが良い答えを持っていました。

于 2011-05-17T15:41:55.303 に答える