PointerEvent.tangentialPressure

PointerEvent インターフェイスの tangentialPressure 読み取り専用プロパティは、ポインタ入力の正規化された接線方向の圧力(バレル圧力またはシリンダー応力(cylinder stress)とも呼ばれます)を表します。

(訳注:エアブラシスタイラスのホイールのようなものを想定しています。)

構文

var tanPressure = pointerEvent.tangentialPressure;

戻り値

ポインタ入力の正規化された接線方向の圧力を表す -1 から 1 の範囲の float 型。ここで、0 はコントロールの中立位置です。

ハードウェアによっては、0 から 1 の範囲の正の値しかサポートしない場合があることに注意してください。 接線方向の圧力をサポートしないハードウェアの場合、値は 0 になります。

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

someElement.addEventListener('pointerdown', function(event) {
  if (event.tangentialPressure == 0) {
    // 圧力なし
    process_no_tanPressure(event);
  } else if (event.tangentialPressure == 1) {
    // 最大圧力
    process_max_tanPressure(event);
  } else {
    // デフォルト
    process_tanPressure(event);
  }
}, false);

仕様

仕様 状態 コメント
Pointer Events – Level 2
tangentialPressure の定義
勧告

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
tangentialPressureChrome 完全対応 58Edge 完全対応 79Firefox 完全対応 59
完全対応 59
完全対応 54
無効
無効 From version 54: 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 未対応 なしOpera 完全対応 45Safari 完全対応 13WebView Android 完全対応 58Chrome Android 完全対応 58Firefox Android 完全対応 54
無効
完全対応 54
無効
無効 From version 54: 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 完全対応 43Safari iOS 完全対応 13Samsung Internet Android 完全対応 7.0

凡例

完全対応  
完全対応
未対応  
未対応
ユーザーが明示的にこの機能を有効にしなければなりません。
ユーザーが明示的にこの機能を有効にしなければなりません。

関連情報