このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
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 2020年7月.
width は PointerEvent インターフェイスの読み取り専用プロパティで、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 |
ブラウザーの互換性
Loading...