Окно: событие orientationchange

Устаревшее: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её поддерживать, она может быть уже удалена из соответствующих веб-стандартов, находится в процессе удаления или поддерживается только для совместимости. Избегайте её использования и обновите существующий код, если это возможно; см. таблицу совместимости в конце этой страницы для принятия решения. Имейте в виду, что эта функция может перестать работать в любой момент.

Событие orientationchange срабатывает при изменении ориентации устройства.

Это событие не отменяется и не распространяется.

Это устаревшее событие. Вместо него подпишитесь на событие change интерфейса ScreenOrientation.

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.

addEventListener("orientationchange", (event) => {});

onorientationchange = (event) => {};

Тип события

Общее событие Event.

Пример

Вы можете использовать событие orientationchange в методе addEventListener:

window.addEventListener("orientationchange", (event) => {
  console.log(
    `the orientation of the device is now ${event.target.screen.orientation.angle}`,
  );
});

Или использовать свойство обработчика событий onorientationchange:

window.onorientationchange = (event) => {
  console.log(
    `the orientation of the device is now ${event.target.screen.orientation.angle}`,
  );
};

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

Спецификация
Совместимость # event-orientationchange

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

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`orientationchange_event`	Нет	Нет	Нет	Нет	Нет	18	44	≤14	≤3	1.0	≤37

© 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/Window/orientationchange_event