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

Unterscheidung von Touchscreen-Geräten mit JavaScript

Problem:

Für die Integration von Touchscreen-Funktionen in Desktop- und Mobilanwendungen ist JavaScript erforderlich Erkennung von Touchscreen-Funktionen. Wie kann dies jedoch zuverlässig erreicht werden?

Antwort:

Bewertung des Modernizr-Ansatzes:

Zunächst: Die weithin anerkannte Modernizr-Bibliothek war eine praktikable Option zur Erkennung von Touchscreens. Allerdings wurden die „Touchevents“-Tests aufgrund ihrer Mehrdeutigkeit inzwischen entfernt.

Aktuelle Empfehlungen:

Bestimmen der Touch-Fähigkeiten:

Ab 2021 bietet das folgende Code-Snippet einen praktischen Ansatz zur Berührungserkennung Fähigkeiten:

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

Beurteilung von Feinheiten:

Es ist wichtig anzuerkennen, dass die Erkennung von Touchscreens nuanciert sein kann. Erwägen Sie für fortgeschrittenere Szenarien die Erkundung von Ressourcen wie:

• „You Can't Detect a Touchscreen“ von Stu Cox
• „Touch erkennen: Es ist das ‚Warum‘, nicht das 'wie'"
• "Getting touchy"-Präsentation von Patrick H. Lauke

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