このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
PointerEvent: pressure プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年7月以降、すべてのブラウザーで利用可能です。
pressure は PointerEvent インターフェイスの読み取り専用プロパティで、ポインター入力の正規化された圧力を示します。
値
ポインター入力の 0 から 1 までの範囲に正規化された圧力。ここで、0 と 1 は、それぞれハードウェアが検出できる最小圧力と最大圧力を表します。 マウスなど、圧力に対応していないハードウェアの場合、値はポインターのボタンの状態がアクティブであるときは 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,
);
仕様書
| 仕様書 |
|---|
| Pointer Events # dom-pointerevent-pressure |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。