DeviceOrientationEvent

Experimental: 這是一個實驗中的功能
此功能在某些瀏覽器尚在開發中,請參考兼容表格以得到不同瀏覽器用的前輟。

DeviceOrientationEvent 提供了網頁開發者關於目前瀏覽頁面之裝置的物理旋轉方向資訊。

警告: Currently, Firefox and Chrome do not handle the coordinates the same way. Take care about this while using them.

屬性

DeviceOrientationEvent.absolute (en-US) Read only

A boolean that indicates whether or not the device is providing orientation data absolutely.

DeviceOrientationEvent.alpha (en-US) Read only

A number representing the motion of the device around the z axis, express in degrees with values ranging from 0 to 360

DeviceOrientationEvent.beta (en-US) Read only

A number representing the motion of the device around the x axis, express in degrees with values ranging from -180 to 180. This represents a front to back motion of the device.

DeviceOrientationEvent.gamma (en-US) Read only

A number representing the motion of the device around the y axis, express in degrees with values ranging from -90 to 90. This represents a left to right motion of the device.

範例

window.addEventListener('deviceorientation', function(event) {
  console.log(event.alpha + ' : ' + event.beta + ' : ' + event.gamma);
});

規範

Specification
DeviceOrientation Event Specification
# deviceorientation

瀏覽器相容性

BCD tables only load in the browser

參見