Событие fullscreenchange
Пример
Отображать некоторый текст при просмотре страницы в полноэкранном режиме:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Попробуйте сами »
Определение и использование
Событие fullscreenchange
происходит, когда элемент просматривается в полноэкранном режиме.
Примечание
Для работы этого события в разных браузерах требуются определенные префиксы (см. Поддержку браузера ниже).
Совет
Используйте метод element.requestFullscreen() для просмотра элемента в полноэкранном режиме.
Совет
Используйте метод element.exitFullscreen() метод отмены полноэкранного режима.
Поддержка браузера
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает событие.
Примечание
Для каждого браузера требуется определенный префикс (см. скобки):
Событие | |||||
---|---|---|---|---|---|
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 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);
Попробуйте сами »
Технические подробности
Пузыри: | Да |
---|---|
Отменяемый: | Нет |
Тип события: | Event |
Поддержка HTML тегов: | Все HTML элементы |