DOM

インターフェイス

DeviceOrientationEvent インターフェイス

  編集:2022.04.05 by T.A.

MS(en-US)

実験的: これは実験的技術です。これを本番環境で使用する前に、ブラウザの互換性テーブルを注意深く確認してください。

DeviceOrientationEvent は、Web ページを実行しているデバイスの物理的な向きからの情報をWeb開発者に提供します。

コンストラクター
new DeviceOrientationEvent()
新しい DeviceOrientationEvent を作成します。
プロパティ
DeviceOrientationEvent.absolute 読取専用
デバイスが方向データを絶対的に提供しているかどうかを示す boolean 値。
DeviceOrientationEvent.alpha 読取専用
z 軸を中心としたデバイスの動きを表す数値で、0(包括的)から360(排他的)の範囲の値で度で表されます。
DeviceOrientationEvent.beta 読取専用
x 軸を中心としたデバイスの動きを表す数値で、-180(包括的)から180(排他的)の範囲の値で度で表されます。これは、デバイスの前後の動きを表します。
DeviceOrientationEvent.gamma 読取専用
y軸を中心としたデバイスの動きを表す数値で、-90(包括的)から90(排他的)の範囲の値で度で表されます。これは、デバイスの左から右への動きを表します。
DeviceOrientationEvent.webkitCompassHeading 読取専用 非標準
数値は、ワールドシステムの z 軸を中心としたデバイスの動きと北の方向の差を表し、0~360の範囲の値で度で表されます。
DeviceOrientationEvent.webkitCompassAccuracy 読取専用 非標準
コンパスの精度は、偏差が正または負であることを意味します。通常は 10 です。
window.addEventListener('deviceorientation', function(event) {
  console.log(event.alpha + ' : ' + event.beta + ' : ' + event.gamma);
});

Obj¶.requestPermission()

¶省く


テスト
HTML:

ここに表示
スクリプト組み込み:



スクリプト:


スクリプト:



表示内容:
表示内容: