JavaScript はどのようにしてタッチ スクリーン デバイスを確実に検出できるのでしょうか?

JavaScript によるタッチ スクリーン デバイスの区別

問題:

デスクトップ アプリケーションとモバイル アプリケーションの両方にタッチ スクリーン機能を組み込むには JavaScript が必要ですタッチスクリーン機能の検出。しかし、これを確実な方法で実現するにはどうすればよいでしょうか?

答え:

Modernizr のアプローチの評価:

最初は、広く評価されている Modernizr ライブラリは、タッチ スクリーンを検出するための実行可能なオプションでした。ただし、あいまいさのため、「touchevents」テストは削除されました。

現在の推奨事項:

タッチ機能の決定:

2021 年現在、次のコード スニペットはタッチを検出するための実用的なアプローチを提供しています。機能:

function isTouchDevice() {
  return (('ontouchstart' in window) ||
     (navigator.maxTouchPoints > 0) ||
     (navigator.msMaxTouchPoints > 0));
}

微妙な点の評価:

タッチ スクリーンの検出には微妙な違いがあることを認識することが重要です。より高度なシナリオについては、次のようなリソースを検討することを検討してください。

• "You Can't Detect a Touchscreen" by Stu Cox
• "Detecting touch: it's the 'why', not the 「どうやって」
• パトリック・H・ラウクによる「触れ合う」プレゼンテーション

以上がJavaScript はどのようにしてタッチ スクリーン デバイスを確実に検出できるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。