これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

サマリー

DeviceMotionEvent はウェブ開発者にデバイスの位置と向きの変更スピードの情報を提供します。

警告: 現在、Firefox と Chrome は同じ方法で座標を処理しません。これらを使用する際は、注意してください。

コンストラクター

DeviceMotionEvent.DeviceMotionEvent()
新しい DeviceMotionEvent を生成します。

プロパティ

DeviceMotionEvent.acceleration 読取専用
3 つの軸 X、Y、Z 上のデバイスの加速度を与えるオブジェクトです。加速度は m/s2 で表されます。
DeviceMotionEvent.accelerationIncludingGravity 読取専用
X、Y、Z 上のデバイスの加速度を重力度込みで与えるオブジェクトです。加速度は m/s2 で表されます。
DeviceMotionEvent.rotationRate 読取専用
3つの方向軸アルファ、ベータ、ガンマ上のデバイスの向きの変化率を与えるオブジェクトです。回転速度は 1 秒あたりの度数で表されます。
DeviceMotionEvent.interval 読取専用
デバイスからデータを取得する間隔(ミリ秒)を表す数値です。

window.addEventListener('devicemotion', function(event) {
  console.log(event.acceleration.x + ' m/s2');
});

仕様

仕様 ステータス コメント
DeviceOrientation Event Specification 編集者草案 初期定義。

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
基本対応
実験的
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 6IE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 6Opera Android 未対応 なしSafari iOS 完全対応 4.2Samsung Internet Android ?
DeviceMotionEvent() constructor
実験的非標準
Chrome 完全対応 59Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android 完全対応 59Chrome Android 完全対応 59Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
acceleration
実験的
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 6IE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 6Opera Android 未対応 なしSafari iOS 完全対応 4.2Samsung Internet Android ?
accelerationIncludingGravity
実験的
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 6IE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 6Opera Android 未対応 なしSafari iOS 完全対応 4.2Samsung Internet Android ?
interval
実験的
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 6IE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 6Opera Android 未対応 なしSafari iOS 完全対応 4.2Samsung Internet Android ?
rotationRate
実験的
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 6IE ? Opera ? Safari ? WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 6Opera Android 未対応 なしSafari iOS 完全対応 4.2Samsung Internet Android ?

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。

関連項目

ドキュメントのタグと貢献者

このページの貢献者: YuichiNukiyama
最終更新者: YuichiNukiyama,