PointerEvent.width

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

入力ハードウェアが接触ジオメトリをブラウザーに報告できない場合、幅のデフォルトは 1 です。

構文

var contactWidth = pointerEvent.width;

戻り値

contactWidth
イベントの接触面積の幅(CSS ピクセル単位)。

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

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

仕様

仕様 状態 コメント
Pointer Events – Level 2
width の定義
勧告 不安定版
Pointer Events
width の定義
廃止された 初期定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
widthChrome 完全対応 55Edge 完全対応 12Firefox 完全対応 59
完全対応 59
完全対応 41
無効
無効 From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE 完全対応 11
完全対応 11
部分対応 10
補足
補足 Returns values in screen pixels instead of CSS document pixels.
Opera 完全対応 42Safari 完全対応 13WebView Android 完全対応 55Chrome Android 完全対応 55Firefox Android 完全対応 41
無効
完全対応 41
無効
無効 From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android 完全対応 42Safari iOS 完全対応 13Samsung Internet Android 完全対応 6.0

凡例

完全対応  
完全対応
実装ノートを参照してください。
実装ノートを参照してください。
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。