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 2020年7月.

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

値

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

例

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

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,);