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

View in English Always switch to English

PointerEvent: width 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.

Die width schreibgeschützte Eigenschaft des PointerEvent-Interfaces repräsentiert die Breite der Kontaktfläche des Zeigers entlang der x-Achse, gemessen in CSS-Pixeln. Abhängig von der Quelle des Zeigereingabegeräts (wie z. B. einem Finger) kann für einen gegebenen Zeiger bei jedem Ereignis ein anderer Wert erzeugt werden.

Wenn die Eingabehardware die Geometrie der Kontaktfläche nicht an den Browser melden kann, beträgt die Standardbreite 1.

Wert

Die Breite der Kontaktfläche des Ereignisses (in CSS-Pixeln).

Beispiele

Dieses Beispiel veranschaulicht die Verwendung der width- und height-Eigenschaften des PointerEvent-Interfaces zur Berechnung der Kontaktfläche.

js
target.addEventListener("pointerdown", (ev) => {
  // Calculate the contact area
  const area = ev.width * ev.height;
});

Spezifikationen

Spezifikation
Pointer Events
# dom-pointerevent-width

Browser-Kompatibilität