相應的事件

deviceorientation事件提供設備的物理方向信息，表示為一系列本地坐標系的旋角。

devicemotion事件提供設備的加速信息，表示為定義在設備上的坐標系中的卡爾迪坐標。其還提供了設備在坐標系中的自轉速率。若可行的話，事件應該提供設備重心處的加速信息。

compassneedscalibration事件用于通知Web站點使用羅盤信息校準上述事件。

這幾個事件在比較老的ios和安卓系統上都支持。

在學習之前需要先對相應的坐標有一個槪念

x、y、z軸示意圖

?

deviceorientation事件的event對象有如下屬性：

alpha:手機左右晃動（即圍繞z軸旋轉），y軸的度數差：0到360度

beta:手機前后晃動（即靠近自己或遠離自己，圍繞x軸旋轉），z軸的度數差：-180到180度

game：手機扭轉（即圍繞y軸旋轉），z軸的度數差：-90到90度

deviceorientation事件的event對象有如下屬性：

acceleration? ?設備在X,Y,Z軸方向上加速度的對象。加速度的單位為?m/s2。

accelerationIncludingGravity? 設備在X,Y,Z軸方向上帶重力的加速度的對象。加速度的單位為?m/s2

rotationRate?設備在 alpha，beta， gamma軸方向上旋轉的速率的對象。旋轉速率的單位為 ?°/s 。

interval? 設備獲取數據的頻率，單位是毫秒。

?

將設備放置在水平表面，屏幕向上，acceleration為零，則其accelerationIncludingGravity信息如下：

{x: 0,y: 0,z: 9.81};

?設備做自由落體，屏幕水平向上，accelerationIncludingGravity為零，則其acceleration信息如下：

{x: 0, y: 0,z: -9.81};

將設備安置于車輛至上，屏幕處于一個垂直平面，頂端向上，面向車輛后部。車輛行駛速度為v，向右側進行半徑為r的轉彎。設備記錄acceleration和accelerationIncludingGravity在位置x處的情況，同時設備還會記錄rotationRate.gamma的負值：

{acceleration: {x: v^2/r, y: 0, z: 0},accelerationIncludingGravity: {x: v^2/r, y: 0, z: 9.81},rotationRate: {alpha: 0, beta: 0, gamma: -v/r*180/pi} };

?

轉載于:https://www.cnblogs.com/94pm/p/9142251.html

總結

以上是生活随笔為你收集整理的html5判断设备的动作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。