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.

tiltXPointerEvent インターフェイスの読み取り専用プロパティで、ポインターの 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

ブラウザーの互換性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
tiltX

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support