PointerEvent: tiltY プロパティ

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.

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

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

値

ポインター（スタイラス）の X-Z 平面と画面の間の角度（度単位）。 値の範囲は -90 から 90 です。 ここで、正の値はユーザーの方への傾きです。 このプロパティをサポートしていないデバイスの場合、値は 0 です。

例

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

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

仕様書

Specification
Pointer Events
# dom-pointerevent-tilty

ブラウザーの互換性

BCD tables only load in the browser