DeviceOrientationEvent

Базовая 2023 *

Новое

С сентября 2023 года эта функция работает во всех последних версиях устройств и браузеров. Возможно, эта функция не будет работать на старых устройствах или браузерах.

* Некоторые части этой функции могут иметь разную степень поддержки.

Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS), в некоторых или во всех поддерживающих браузерах.

Интерфейс DeviceOrientationEvent событий ориентации устройства предоставляет веб-разработчикам информацию об ориентации устройства, на котором выполняется веб-страница.

Конструктор

DeviceOrientationEvent.DeviceOrientationEvent(): Создаёт новый DeviceOrientationEvent.

Свойства экземпляра

DeviceOrientationEvent.absolute Только для чтения: Логическое значение, указывающее, предоставляет ли устройство данные об ориентации абсолютно.
DeviceOrientationEvent.alpha Только для чтения: Число, представляющее движение устройства вокруг оси z, выраженное в градусах со значениями от 0 (включительно) до 360 (исключительно).
DeviceOrientationEvent.beta Только для чтения: Число, представляющее движение устройства вокруг оси x, выраженное в градусах со значениями от -180 (включительно) до 180 (исключительно). Это представляет движение устройства вперёд-назад.
DeviceOrientationEvent.gamma Только для чтения: Число, представляющее движение устройства вокруг оси y, выраженное в градусах со значениями от -90 (включительно) до 90 (исключительно). Это представляет движение устройства влево-вправо.
DeviceOrientationEvent.webkitCompassHeading Нестандартный Только для чтения: Число, представляющее разницу между движением устройства вокруг оси z в мировой системе координат и направлением на север, выраженное в градусах со значениями от 0 до 360.
DeviceOrientationEvent.webkitCompassAccuracy Нестандартный Только для чтения: Точность компаса означает, что отклонение положительное или отрицательное. Обычно 10.

Пример

window.addEventListener("deviceorientation", (event) => {
  console.log(`${event.alpha} : ${event.beta} : ${event.gamma}`);
});

Спецификации

Спецификация
Ориентация и движение устройства # deviceorientation

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

	Рабочий стол					Мобильное устройство
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`DeviceOrientationEvent`	59	14	17	46	Нет	59	17	43	Нет	7.0	59
`DeviceOrientationEvent`	7 Перед версией 50 Chrome предоставлял абсолютные значения вместо относительных для этого события. Разработчики, которым по-прежнему нужны абсолютные значения, могут использовать событие `deviceorientationabsolute`.	12	6 Firefox 3.6, 4 и 5 поддерживали `mozOrientation` вместо стандартного интерфейса DeviceOrientationEvent.	15	17	18 Перед версией 50 Chrome Android предоставлял абсолютные значения вместо относительных для этого события. Разработчики, которым по-прежнему нужны абсолютные значения, могут использовать событие `deviceorientationabsolute`.	6 Firefox для Android 4.6, 4 и 5 поддерживали `mozOrientation` вместо стандартного интерфейса DeviceOrientationEvent.	14	4.2	1.0 Перед Samsung Internet 5.0 Samsung Internet предоставлял абсолютные значения вместо относительных для этого события. Разработчики, которым по-прежнему нужны абсолютные значения, могут использовать событие `deviceorientationabsolute`.	3 Перед версией 50 Chrome предоставлял абсолютные значения вместо относительных для этого события. Разработчики, которым по-прежнему нужны абсолютные значения, могут использовать событие `deviceorientationabsolute`.
`absolute`	7	12	6	15	17	18	6	14	Нет	1.0	4.4
`alpha`	7	12	6	15	17	18	6	14	4.2	1.0	3
`beta`	7	12	6	15	17	18	6	14	4.2	1.0	3
`gamma`	7	12	6	15	17	18	6	14	4.2	1.0	3
`requestPermission_static`	Нет	Нет	Нет	Нет	Нет	Нет	Нет	Нет	14.5	Нет	Нет

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/DeviceOrientationEvent