PointerEvent: pressure プロパティ

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.

pressurePointerEvent インターフェイスの読み取り専用プロパティで、ポインター入力の正規化された圧力を示します。

ポインター入力の 0 から 1 までの範囲に正規化された圧力。ここで、01 は、それぞれハードウェアが検出できる最小圧力と最大圧力を表します。 マウスなど、圧力に対応していないハードウェアの場合、値はポインターのボタンの状態がアクティブであるときは 0.5、それ以外のときは 0 です。

このスニペットでは、pointerdown イベントが発生すると、そのイベントの pressure プロパティの値に応じてさまざまな関数が呼び出されます。

js
someElement.addEventListener(
  "pointerdown",
  (event) => {
    if (event.pressure === 0) {
      // 圧力なし
      process_no_pressure(event);
    } else if (event.pressure === 1) {
      // 最大圧力
      process_max_pressure(event);
    } else {
      // デフォルト
      process_pressure(event);
    }
  },
  false,
);

仕様書

Specification
Pointer Events
# dom-pointerevent-pressure

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
pressure

Legend

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

Full support
Full support

関連情報