ScreenDetails: событие currentscreenchange

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.

Экспериментально: Это экспериментальная технология экспериментальная технология
Перед использованием в производственной среде внимательно изучите таблицу совместимости браузеров.

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

Событие currentscreenchange интерфейса ScreenDetails срабатывает при изменении ScreenDetails.currentScreen одним из следующих способов:

Текущий экран изменяется на другой, т.е. текущее окно браузера перемещается на другой экран.
Одно или несколько следующих свойств текущего экрана изменяются:
Одно или несколько следующих значений изменяются:
- Положение экрана ((координаты x, y левого верхнего угла)) в виртуальной экранной организации ОС относительно начала координат многоэкранной системы
- Доступное положение экрана ((координаты x, y левого верхнего угла)) в виртуальной экранной организации ОС относительно начала координат многоэкранной системы. Оно равно положению экрана, плюс ширина/высота любых элементов пользовательского интерфейса ОС, нарисованных в левом верхнем углу экрана — окна не могут быть размещены в этих областях.
- devicePixelRatio
- label
- Присвоение экрану значения «первичный» или «вторичный» (см. isPrimary)
- Присвоение экрану значения «внутренний» или «внешний» (см. isInternal)

Синтаксис

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

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

oncurrentscreenchange = (event) => {};

Тип события

Общее Event.

Примеры

const screenDetails = await window.getScreenDetails();
screenDetails.addEventListener("currentscreenchange", (event) => {
  const details = screenDetails.currentScreen;
  console.log("The current screen has changed.", event, details);
});

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

Спецификация
Управление окнами # eventdef-screendetails-currentscreenchange
Управление окнами # ref-for-dom-screendetails-oncurrentscreenchange

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`currentscreenchange_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/currentscreenchange_event