重力感應是移動端獨有的特性，html5提供的設備API讓web app也有了這個功能！

下面我們來看看，點擊“閱讀原文”可查看demo

重力感應主要用到兩種事件：

1 orientationchange

這個事件在屏幕發生翻轉時觸發window.orientation可獲得設備的方向，一共有三個值0：豎直, 90：右旋, -90：左旋

2 deviceorientation 和 MozOrientation(firefox專用)

deviceorientation事件可獲得三個值alpha,beta,gamma，分別代表繞Z軸的旋轉角度(0~360)，繞X軸的旋轉角度(-180~180)，繞Y軸的旋轉角度(-90~90)

MozOrientation事件中可獲得三個值z,x,y，分別代表垂直加速度，左右的傾斜角度，前后的傾斜角度(取值范圍：-1~1)

點擊“閱讀原文”可查看demo

總結

以上是生活随笔為你收集整理的HTML5设备API 大批美女等你来摇一摇的全部內容，希望文章能夠幫你解決所遇到的問題。

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