Javascript/jQuery では、クライアント デバイスにマウスがあるかどうかをどのように検出できますか?
ユーザーがアイテムの上にマウスを移動すると、小さな情報パネルがスライドアップするサイトがあります。ホバーを検出するために jQuery.hoverIntent を使用していますが、これは iPhone/iPad/Android などのタッチスクリーン デバイスでは機能しません。そのため、これらのデバイスでは、情報パネルを表示するためにタップに戻したいと思います。
ベストアンサー1
var isTouchDevice = 'ontouchstart' in document.documentElement;
注記: デバイスがタッチ イベントをサポートしているからといって、必ずしもタッチ スクリーン デバイス専用であるとは限りません。多くのデバイス (私の Asus Zenbook など) は、実際のタッチ入力メカニズムがない場合でも、クリック イベントとタッチ イベントの両方をサポートしています。タッチ サポートを設計するときは、必ずクリック イベントのサポートを含め、デバイスがどちらか一方のみであると想定しないでください。