deviceorientation
Baseline 2023
Newly available
Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/ru/web/api/device_orientation_events/index.md)
Событие 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,
) {
// Сделайте что-нибудь необычное здесь
};
Совместимость с браузерами
BCD tables only load in the browser
Похожие события
Смотрите также
DeviceMotionEvent
window.ondeviceorientation
- Определение ориентации устройства
- Ориентация и объяснение данных о движении
- Имитация события смены ориентации в настольный браузерах с помощью orientation-devtool