DeviceOrientationEvent
Baseline
広く利用可能
*
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2023年9月以降、すべてのブラウザーで利用可能です。
* この機能の一部は、対応レベルが異なる場合があります。
安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。
DeviceOrientationEvent は端末方向イベントのインターフェイスで、ウェブ開発者にウェブページを実行する端末の物理的な方向からの情報を提供します。
コンストラクター
DeviceOrientationEvent.DeviceOrientationEvent()-
新しい
DeviceOrientationEventを作成します。
インスタンスプロパティ
DeviceOrientationEvent.absolute読取専用-
論理値で、端末が絶対に方向データを提供するかどうかを示します。
DeviceOrientationEvent.alpha読取専用-
数値で、端末の Z 軸の回転量を表し、 0 （含む）から 360 （含まない）までの範囲の値で表します。
DeviceOrientationEvent.beta読取専用-
数値で、端末の X 軸の回転量を表し、 -180 （含む）から 180 （含まない）までの範囲の値で表します。これは端末の前後方向の動きを表します。
DeviceOrientationEvent.gamma読取専用-
数値で、端末の Z 軸の回転量を表し、 -90 （含む）から 90 （含まない）までの範囲の値で表します。これは端末の左右方向の動きを表します。
DeviceOrientationEvent.webkitCompassHeading読取専用-
数値で、ワールドシステムの Z 軸を中心とした端末の動きと北の方向との差を表し、 0 から 360 の範囲の値で度数で表します。
DeviceOrientationEvent.webkitCompassAccuracy読取専用-
コンパスの精度で、偏差が正の値または負の値を意味しています。通常は 10 です。
例
js
window.addEventListener("deviceorientation", (event) => {
console.log(`${event.alpha} : ${event.beta} : ${event.gamma}`);
});
仕様書
| 仕様書 |
|---|
| Device Orientation and Motion # deviceorientation |