PointerEvent: width プロパティ

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.

We'd love to hear more about your role and the company you work for

Please help us by answering a few questions.

width は PointerEvent インターフェイスの読み取り専用プロパティで、CSS ピクセルで測定された、x 軸に沿ったポインターの接触形状の幅を表します。ポインター機器のソース（指など）に応じて、特定のポインターに対して、各イベントは異なる値を生成することがあります。

入力ハードウェアが接触形状をブラウザーに報告できない場合、幅の既定値は 1 です。

値

このイベントの接触領域の幅（CSS ピクセル単位）。

この例では、PointerEvent インターフェイスの width プロパティと height プロパティを使用して接触面積を計算する方法を示します。

target.addEventListener(
  "pointerdown",
  (ev) => {
    // 接触面積を計算する
    const area = ev.width * ev.height;
  },
  false,
);

Specification
Pointer Events # dom-pointerevent-width

Tip: you can click/tap on a cell for more information.