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 Juli 2020.
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.
target.addEventListener("pointerdown", (ev) => {
// Calculate the contact area
const area = ev.width * ev.height;
});
Spezifikationen
| Specification |
|---|
| Pointer Events # dom-pointerevent-width |
Browser-Kompatibilität
Loading…