[解決済み] Javascriptによるタッチスクリーンデバイスの検出
2022-07-12 17:53:58
質問
Javascript/jQueryで、クライアントデバイスにマウスがあるかどうかを検出するにはどうすればよいですか?
ユーザーがアイテムの上にマウスを置くと、小さな情報パネルがスライドアップするサイトを持っています。 ホバーを検出するために jQuery.hoverIntent を使用していますが、これは明らかに iPhone/iPad/Android のようなタッチ スクリーン デバイスでは機能しません。そこで、これらのデバイスでは、情報パネルを表示するためにタップに戻したいと思っています。
どのように解決するのですか?
を行うための+1
hover
と
click
の両方が必要です。もうひとつの方法は、CSS メディアクエリを使用して、タッチ/タップ機能を持つ可能性が最も高い、小さい画面/モバイルデバイスにのみスタイルを使用することです。CSS を使用して特定のスタイルを作成し、jQuery からそれらの要素のモバイル デバイス スタイル プロパティをチェックすると、モバイル固有のコードを記述するためにそれらをフックすることができるのです。
こちらをご覧ください。 http://www.forabeautifulweb.com/blog/about/hardboiled_css3_media_queries/
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] JavaScriptで「タッチパネル」デバイスを検出する最適な方法とは?
-
[解決済み】JavaScriptの比較では、どちらの等号演算子(== vs ===)を使うべきですか?
-
[解決済み】未定義のオブジェクトプロパティを検出する
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
-
[解決済み] javascript includes() 大文字小文字を区別しない
-
[解決済み] JavaScriptの文字列は何バイトですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScriptで「タッチパネル」デバイスを検出する最適な方法とは?
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] モバイルWeb HTML5フレームワークの選び方【終了しました
-
[解決済み] WebpackでjQueryを本物のWindowオブジェクトに公開する
-
[解決済み] jQueryでDIVを別のDIVに複製する
-
[解決済み] 料金制限のあるAPIを独自にDogfoodする
-
[解決済み] ネストしたオブジェクトのプロパティを動的に設定する
-
[解決済み] async-await from functionを使用して非同期関数から値を返すには?重複
-
[解決済み] jqueryで部分文字列を作成する方法
-
[解決済み] jQueryを使って、ターゲット要素のクリック座標を取得する方法