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.
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.
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 |