Событие fullscreenchange

События DOM Объект Event

Определение и использование

Событие fullscreenchange возникает при просмотре элементов в полноэкранном режиме.

Примечание:Данное событие требует специфического префикса для работы в различных браузерах (см. примеры ниже).

Совет:Используйте element.requestFullscreen() Метод для просмотра элемента в полноэкранном режиме.

Совет:Используйте element.exitFullscreen() Метод取消全屏模式。

Пример

Отображение текста при просмотре страницы в полноэкранном режиме:

document.addEventListener("fullscreenchange", function() {
  output.innerHTML = "fullscreenchange event fired!";
});

Попробуйте сами

Синтаксис

В HTML:

<элемент onfullscreenchange="myScript">

В JavaScript:

объект.onfullscreenchange = function(){myScript});

В JavaScript, используя метод addEventListener():

объект.addEventListener("fullscreenchange", myScript);

Попробуйте сами

Примечание:Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Бублящее: Поддерживается
Отменяемое: Не поддерживается
Тип события: Event
Поддерживаемые HTML теги: Все HTML элементы

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая поддерживает данное событие. Примечание: каждому браузеру требуется определенный префикс (см. скобки):

Событие Chrome IE Firefox Safari Opera
fullscreenchange 45.0 (webkit) 11.0 (ms) 47.0 (moz) 5.1 (webkit) 15.0 (webkit)

Пример

Префиксы для использования в кросс-браузерном коде:

/* Стандартная грамматика */
document.addEventListener("fullscreenchange", function() {
  ...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
  ...
});
/* Chrome, Safari и Opera */
document.addEventListener("webkitfullscreenchange", function() {
  ...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
  ...
});

Попробуйте сами

События DOM Объект Event