Wie kann ich Touchscreen-Geräte mithilfe von JavaScript zuverlässig erkennen?

Touchscreen-Geräte mit JavaScript erkennen: Ein optimierter Ansatz

Für plattformübergreifende Kompatibilität stehen Entwickler oft vor der Herausforderung, zwischen Touch- und fähige und nicht berührungsempfindliche Geräte mit JavaScript. Dies ist entscheidend für die Anpassung der Benutzererfahrungen basierend auf Geräteeingabemethoden.

Ursprünglich wurde vorgeschlagen, dass JavaScript auf den „touchevents“-Test von Modernizr zurückgreifen könnte, um die Touchscreen-Funktionen zu ermitteln. Dieser Ansatz ist jedoch nicht mehr anwendbar, da der Test aus Modernizr entfernt wurde.

Eine aktualisierte Erkennungsmethode

Ab 2021 eine zuverlässige und umfassende Methode zur Erkennung von Berührungen -fähigen Browsern besteht darin, nach den folgenden Eigenschaften zu suchen:

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

• 'ontouchstart' im Fenster prüft, ob der Touchstart-Ereignis-Listener vorhanden ist, der von den meisten Touch-fähigen Browsern unterstützt wird.
• navigator.maxTouchPoints > 0 überprüft, ob der Browser Multi-Touch-Gesten unterstützt.
• navigator.msMaxTouchPoints > 0 prüft auf die gleiche Funktionalität im Edge-Browser von Microsoft.

Weiterführende Literatur für fortgeschrittene Fälle

Für komplexere Berührungserkennungsszenarien sollten Sie diese Ressourcen in Betracht ziehen:

• [You Can't Detect a Touchscreen von Stu Cox](https://www.stuartelliscox.com/blog/you-cant-detect-a-touchscreen/)
• [Berührung erkennen: Es ist das „Warum“, nicht das „Wie“ von Remy Sharp ](https://remysharp.com/2013/04/01/detecting-touch/)
• [Getting touchy-Präsentation von Patrick H. Lauke](https://www.patrickhlauke.com/getting-touchy-with-javascript)

Das obige ist der detaillierte Inhalt vonWie kann ich Touchscreen-Geräte mithilfe von JavaScript zuverlässig erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!