PointerEvent: pointerType-Eigenschaft

Baseline Weitgehend verfügbar *

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2020 browserübergreifend verfügbar.

* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.

Die pointerType-Schreibgeschützte Eigenschaft des PointerEvent-Interfaces zeigt den Gerätetyp (Maus, Stift oder Berührung) an, der ein bestimmtes Pointer-Ereignis verursacht hat.

In diesem Artikel

Wert

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

"mouse"

Das Ereignis wurde durch ein Mausgerät generiert.

"pen"

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

"touch"

Das Ereignis wurde durch eine Berührung, wie zum Beispiel einen Finger, generiert.

Wenn der Gerätetyp vom Browser nicht erkannt werden kann, kann der Wert eine leere Zeichenfolge ("") sein. Wenn der Browser andere Zeigertypen als die oben aufgeführten unterstützt, sollte der Wert herstellerspezifisch sein, um Konflikte mit Namen für verschiedene Gerätetypen zu vermeiden.

Beispiele

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

js
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`);
  }
});

Spezifikationen

Spezifikation

Pointer Events
# dom-pointerevent-pointertype

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

Pointer events
PointerEvent
Konstruktor
1. PointerEvent()
Instanzeigenschaften
Instanzmethoden
1. getCoalescedEvents()
2. getPredictedEvents()
Vererbung
Verwandte Seiten für Pointer Events
Anleitungen
1. Verwendung von Pointer Events
2. Multi-Touch-Interaktion
3. Pinch-Zoom-Gesten