PointerEvent: tiltX プロパティ

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.

tiltX は PointerEvent インターフェイスの読み取り専用プロパティで、ポインターの Y-Z 平面と画面との間の角度（度単位）です。 このプロパティは通常、ペン/スタイラス型のポインターにのみ役立ちます。

このプロパティの説明については、仕様書の図 2 を参照してください。

値

ポインター（スタイラス）の Y-Z 平面と画面の間の角度（度単位）。 値の範囲は -90 から 90 です。 ここで、正の値は右への傾きです。 このプロパティに対応していない機器の場合、値は 0 です。

例

この例は、tiltX プロパティおよび tiltY プロパティへの簡単なアクセスを示しています。

js
someElement.addEventListener(
  "pointerdown",
  (event) => {
    process_tilt(event.tiltX, event.tiltY);
  },
  false,
);

仕様書

Specification
Pointer Events
# dom-pointerevent-tiltx

ブラウザーの互換性

BCD tables only load in the browser