1. ホーム
  2. javascript

[解決済み] Javascriptによるタッチスクリーンデバイスの検出

2022-07-12 17:53:58

質問

Javascript/jQueryで、クライアントデバイスにマウスがあるかどうかを検出するにはどうすればよいですか?

ユーザーがアイテムの上にマウスを置くと、小さな情報パネルがスライドアップするサイトを持っています。 ホバーを検出するために jQuery.hoverIntent を使用していますが、これは明らかに iPhone/iPad/Android のようなタッチ スクリーン デバイスでは機能しません。そこで、これらのデバイスでは、情報パネルを表示するためにタップに戻したいと思っています。

どのように解決するのですか?

を行うための+1 hoverclick の両方が必要です。もうひとつの方法は、CSS メディアクエリを使用して、タッチ/タップ機能を持つ可能性が最も高い、小さい画面/モバイルデバイスにのみスタイルを使用することです。CSS を使用して特定のスタイルを作成し、jQuery からそれらの要素のモバイル デバイス スタイル プロパティをチェックすると、モバイル固有のコードを記述するためにそれらをフックすることができるのです。

こちらをご覧ください。 http://www.forabeautifulweb.com/blog/about/hardboiled_css3_media_queries/