2017-11-10 4 views
0

私はWebアプリケーションを持っています。 clickイベントがバインドされた要素がいくつかあります。それはデスクトップ上で正常に動作します。しかし、タブレットでは、要素に触れるとまず何もしませんが、代わりにスタイルで覆われていることを示します。そして、2度目のクリックでそれは機能します。ホバーオンタッチを無効にしてアプリ全体の最初のタッチをクリックできるようにするにはどうすればよいですか?クリックはしませんが、ブラウザのモバイルタッチスクリーンで起動するのはホバーだけです

+0

することができますCSSのメディアクエリを使用してモバイルのホバー効果を制限する –

+0

https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ –

+0

@ShoaibKonnurスタイルの適用を制限することができます。しかし、スタイルは見た目だけです。要素に ':hover'スタイルが適用されていない場合は、touchでホバー状態をスキップしますか?私は最初のタッチで起動しないonclick機能について話しています。ホバリングしたような要素は見えません。 – Gherman

答えて

0

これは、マウスの右ボタンをクリックしたときにも発生します。 --->これは、次のとおりです。要素

のアクティブ状態はたぶん、このリンクがお手伝いします:

iPad/iPhone hover problem causes the user to double click a link

(申し訳ありませんが、私はまだコメントを追加することはできませんよ)

関連する問題