PointerEvent: width property

The width read-only property of the PointerEvent interface represents the width of the pointer's contact geometry along the x-axis, measured in CSS pixels. Depending on the source of the pointer device (such as a finger), for a given pointer, each event may produce a different value.

If the input hardware cannot report the contact geometry to the browser, the width defaults to 1.

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