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.

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

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

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

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

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

仕様書

Specification
Pointer Events
# dom-pointerevent-width

ブラウザーの互換性

BCD tables only load in the browser