Событие fullscreenchange
Пример
Отображать текст при просмотре страницы в полноэкранном режиме:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Определение и использование
Событие fullscreenchange возникает, когда элемент просматривается в полноэкранном режиме.
Примечание. Этому событию требуются определенные префиксы для работы в разных браузерах (см. раздел Поддержка браузеров ниже).
Совет: используйте метод элемента .requestFullscreen() для просмотра элемента в полноэкранном режиме.
Совет: используйте метод элемента .exitFullscreen() для отмены полноэкранного режима.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую событие. Примечание. Для каждого браузера требуется определенный префикс (см. скобки):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Пример
Использование префиксов для кроссбраузерного кода:
/* Standard syntax */
document.addEventListener("fullscreenchange",
function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari and Opera */
document.addEventListener("webkitfullscreenchange",
function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
Синтаксис
В HTML:
<element onfullscreenchange="myScript">
В JavaScript:
object.onfullscreenchange = function(){myScript};
В JavaScript с помощью метода addEventListener():
object.addEventListener("fullscreenchange", myScript);
Примечание. Метод addEventListener() не поддерживается в Internet Explorer 8 и более ранних версиях.
Технические детали
Пузыри: | да |
---|---|
Отменяемо: | Нет |
Тип события: | Событие |
Поддерживаемые HTML-теги: | ВСЕ элементы HTML |