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

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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

Specification
Touch Events
# dom-touch-touchtype

Browser-Kompatibilität

Siehe auch