PointerEvent: width-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.

Die width-Eigenschaft der PointerEvent-Schnittstelle, die nur gelesen werden kann, stellt die Breite der Kontaktgeometrie des Zeigers entlang der x-Achse dar, gemessen in CSS-Pixeln. Abhängig von der Quelle des Zeigergeräts (wie einem Finger) kann jedes Ereignis für einen bestimmten Zeiger einen anderen Wert erzeugen.

Wenn die Eingabegeräte-Hardware die Kontaktgeometrie nicht an den Browser melden kann, beträgt die Breite standardmäßig 1.

Wert

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

Beispiele

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

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

Spezifikationen

Specification
Pointer Events
# dom-pointerevent-width

Browser-Kompatibilität

BCD tables only load in the browser