Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Touch: touchType-Eigenschaft

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Want more support for this feature? Tell us why.

Die schreibgeschützte touchType-Eigenschaft der Touch-Schnittstelle gibt den Gerätetyp zurück, der die Berührung ausgelöst hat, wie zum Beispiel ein Stylus oder eine direkte Berührung durch einen Finger.

Wert

Ein String aus der TouchType-Enumeration. Mögliche Werte sind:

"direct"

Die Berührung wurde durch direkten Kontakt, wie beispielsweise einem Finger auf dem Bildschirm, ausgelöst.

"stylus"

Die Berührung wurde mit einem Stylus- oder Stiftgerät ausgeführt.

Beispiel

Grundlegende Nutzung

js
someElement.addEventListener(
  "touchstart",
  (event) => {
    for (const touch of event.changedTouches) {
      console.log(`Touch type: ${touch.touchType}`);

      if (touch.touchType === "stylus") {
        // Handle stylus-specific input, such as altitude and azimuth angles.
        console.log(`altitudeAngle: ${touch.altitudeAngle}`);
        console.log(`azimuthAngle: ${touch.azimuthAngle}`);
      }
    }
  },
  false,
);

Spezifikationen

Spezifikation
Touch Events
# dom-touch-touchtype

Browser-Kompatibilität

Siehe auch