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.
target.addEventListener("pointerdown", (ev) => {
// Calculate the contact area
const area = ev.width * ev.height;
});
Spezifikationen
| Spezifikation |
|---|
| Pointer Events> # dom-pointerevent-width> |