Událost změny celé obrazovky
Příklad
Zobrazit nějaký text, když je stránka zobrazena v režimu celé obrazovky:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Definice a použití
K události fullscreenchange dochází, když je prvek zobrazen v režimu celé obrazovky.
Poznámka: Tato událost vyžaduje specifické předpony, aby fungovala v různých prohlížečích (viz Podpora prohlížeče níže).
Tip: K zobrazení prvku v režimu celé obrazovky použijte metodu element .requestFullscreen() .
Tip: Ke zrušení režimu celé obrazovky použijte metodu prvku .exitFullscreen() .
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která událost plně podporuje. Poznámka: Každý prohlížeč vyžaduje specifickou předponu (viz závorky):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Příklad
Použití předpon pro kód napříč prohlížeči:
/* 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() {
...
});
Syntax
V HTML:
<element onfullscreenchange="myScript">
V JavaScriptu:
object.onfullscreenchange = function(){myScript};
V JavaScriptu pomocí metody addEventListener():
object.addEventListener("fullscreenchange", myScript);
Poznámka: Metoda addEventListener() není podporována v aplikaci Internet Explorer 8 a starších verzích.
Technické údaje
bubliny: | Ano |
---|---|
Zrušitelné: | Ne |
Typ události: | událost |
Podporované HTML tagy: | VŠECHNY prvky HTML |