PointerEvent: pointerType-Eigenschaft

Der Zeigertyp des Ereignisses. Die unterstützten Werte sind die folgenden Zeichenfolgen:

"mouse"

Das Ereignis wurde durch ein Mausgerät erzeugt.

"pen"

Das Ereignis wurde durch ein Stift- oder Stylusgerät erzeugt.

"touch"

Das Ereignis wurde durch eine Berührung, wie z.B. einen Finger, erzeugt.

Kann der Gerätetyp durch den Browser nicht erkannt werden, kann der Wert eine leere Zeichenfolge ("") sein. Wenn der Browser Zeigereingabegerätetypen unterstützt, die nicht oben aufgeführt sind, sollte der Wert anbieterspezifisch sein, um Konflikte bei der Namensgebung für verschiedene Gerätetypen zu vermeiden.

Dieses Beispiel zeigt die Verwendung des Werts der pointerType-Eigenschaft, um die entsprechende Verarbeitungsfunktion für den Zeigertyp aufzurufen.

targetElement.addEventListener(
  "pointerdown",
  (event) => {
    // Call the appropriate pointer type handler
    switch (event.pointerType) {
      case "mouse":
        process_pointer_mouse(event);
        break;
      case "pen":
        process_pointer_pen(event);
        break;
      case "touch":
        process_pointer_touch(event);
        break;
      default:
        console.log(`pointerType ${event.pointerType} is not supported`);
    }
  },
  false,
);