1. ホーム
  2. javascript

[解決済み] JavaScriptで「タッチパネル」デバイスを検出する最適な方法とは?

2022-03-20 17:41:50

質問

デスクトップとモバイルの両方で使用するためのjQueryプラグインを書きました。デバイスがタッチスクリーン機能を備えているかどうかを、JavaScriptで検出する方法はないでしょうか。タッチスクリーンイベントを検出するためにjquery-mobile.jsを使用しており、iOS、Androidなどで動作していますが、ユーザーのデバイスがタッチスクリーンであるかどうかに基づいて条件文を書きたいと考えています。

それは可能ですか?

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

更新情報:こちらをご覧ください blmstrの回答 機能検出ライブラリ全体をプロジェクトに取り込む前に、以下をご覧ください。実際のタッチサポートの検出はより複雑であり、Modernizr は基本的な使用例のみをカバーしています。

モダナイザー は、あらゆるサイトであらゆる種類の機能検出を行うための、偉大で軽量な方法です。

各機能に対応したクラスをhtml要素に追加していくだけです。

そうすれば、CSSやJSで簡単にそれらの機能をターゲットにすることができます。例えば

html.touch div {
    width: 480px;
}

html.no-touch div {
    width: auto;
}

そして、Javascript(jQueryの例)。

$('html.touch #popup').hide();