PointerEvent: width プロパティ

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年7月以降、すべてのブラウザーで利用可能です。

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

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

値

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

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

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

仕様書
Pointer Events # dom-pointerevent-width

このページは MDN の貢献者によって 2024年9月10日に最終更新されました。