Spec-Zone.ru › Web APIs

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 Нет Нет Нет Нет Нет Нет Нет

См. также

  • API управления окнами

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API