ScreenOrientation: событие change
Базовая версия 2023
Новое
С марта 2023 года эта функция работает на последних устройствах и версиях браузеров. Возможно, эта функция не будет работать на более старых устройствах или браузерах.
Событие change интерфейса ScreenOrientation срабатывает при изменении ориентации экрана, например, при повороте мобильного телефона пользователем.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.
addEventListener("change", (event) => {});
onchange = (event) => {};
Тип события
Общее событие Event.
Пример
В следующем примере обратный вызов change выводит новый тип ориентации экрана и угол.
screen.orientation.addEventListener("change", (event) => {
const type = event.target.type;
const angle = event.target.angle;
console.log(`ScreenOrientation change: ${type}, ${angle} degrees.`);
});
Спецификации
| Спецификация |
|---|
| Ориентация экрана # dom-screenorientation-onchange |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
change_event |
38 | 79 | 43 | 25 | 16.4 | 38 | 43 | 25 | 16.4 | 3.0 | 38 |
© 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/ScreenOrientation/change_event