deviceorientation

Событие deviceorientation срабатывает, когда с сенсоров ориентации поступают новые данные о текущем положении устройства внутри Земной системы координат. Эти данные собираются с помощью мангитометра устройства. Более детальное объяснение дано в Ориентация и объяснение данных движения.

Общая информация

Спецификация
Событие DeviceOrientation
Определение
DeviceOrientationEvent
Всплывает
Нет
Отменяемо
Нет
Целевой элемент
По умолчанию (window)
Действие по умолчанию 
 
Нет

Свойства

Property Type Description
target Только для чтения EventTarget The event target (the topmost target in the DOM tree).
type Только для чтения DOMString The type of event.
bubbles Только для чтения Boolean Whether the event normally bubbles or not
cancelable Только для чтения Boolean Whether the event is cancellable or not?
alpha Только для чтения double (float) The current orientation of the device around the Z axis; that is, how far the device is rotated around a line perpendicular to the device.
beta Только для чтения double (float) The current orientation of the device around the X axis; that is, how far the device is tipped forward or backward.
gamma Только для чтения double (float) The current orientation of the device around the Y axis; that is, how far the device is turned left or right.
absolute Только для чтения boolean This value is true if the orientation is provided as a difference between the device coordinate frame and the Earth coordinate frame; if the device can't detect the Earth coordinate frame, this value is false.

Пример

if (window.DeviceOrientationEvent) {
    window.addEventListener("deviceorientation", function(event) {
        // alpha: rotation around z-axis
        var rotateDegrees = event.alpha;
        // gamma: left to right
        var leftToRight = event.gamma;
        // beta: front back motion
        var frontToBack = event.beta;

        handleOrientationEvent(frontToBack, leftToRight, rotateDegrees);
    }, true);
}

var handleOrientationEvent = function(frontToBack, leftToRight, rotateDegrees) {
    // Сделайте что-нибудь необычное здесь
};

Совместимость с браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Свойство Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Базовая поддержка 7.0 3.6[1] ? ? ?
Свойство Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Базовая поддержка 3.0 3.6[1] Нет 12 4.2

[1] Firefox 3.6, 4, и 5 поддерживают mozOrientation вместо стандартного события DeviceOrientation.

Похожие события

Смотрите также