ScreenDetails: событие screenschange
Ограниченная доступность
Эта функция не является базовой, так как она не работает в некоторых из наиболее широко используемых браузеров.
Экспериментально: Это экспериментальная технология
Перед использованием в производстве внимательно проверьте таблицу совместимости браузеров.
Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или всех поддерживающих браузерах.
Событие screenschange интерфейса ScreenDetails срабатывает при изменении набора экранов, доступных системе: новый экран стал доступным или существующий экран стал недоступным. Это отразится на изменении массива screens.
Синтаксис
Используйте имя события в методах, таких как addEventListener(), или установите свойство обработчика событий.
addEventListener("screenschange", (event) => {});
onscreenschange = (event) => {};
Тип события
Общее Event.
Примеры
Вы можете использовать событие screenschange для обнаружения изменений доступных экранов, сообщения об изменении, закрытия всех окон и их повторного открытия в соответствии с новой конфигурацией:
const screenDetails = await window.getScreenDetails();
// Return the number of screens
let noOfScreens = screenDetails.screens.length;
screenDetails.addEventListener("screenschange", () => {
// If the new number of screens is different to the old number of screens, report the difference
if (screenDetails.screens.length !== noOfScreens) {
console.log(
`The screen count changed from ${noOfScreens} to ${screenDetails.screens.length}`,
);
// Update noOfScreens value
noOfScreens = screenDetails.screens.length;
}
// Open, close, or rearrange windows as needed, to fit the new screen configuration
updateWindows();
});
Спецификации
| Спецификация |
|---|
| Управление окнами # eventdef-screendetails-screenschange |
| Управление окнами # ref-for-dom-screendetails-onscreenschange |
Совместимость браузеров
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
screenschange_event |
100 | 100 | Нет | 86 | Нет | Нет | Нет | Нет | Нет | Нет | Нет |
См. также
© 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/ScreenDetails/screenschange_event