evento fullscreenchange
Esempio
Visualizza del testo quando la pagina viene visualizzata in modalità a schermo intero:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Definizione e utilizzo
L'evento fullscreenchange si verifica quando un elemento viene visualizzato in modalità a schermo intero.
Nota: questo evento richiede prefissi specifici per funzionare in browser diversi (consulta il supporto del browser di seguito).
Suggerimento: utilizza il metodo element .requestFullscreen() per visualizzare un elemento in modalità a schermo intero.
Suggerimento: usa il metodo element .exitFullscreen() per annullare la modalità a schermo intero.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'evento. Nota: ogni browser richiede un prefisso specifico (vedi parentesi):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Esempio
Utilizzo dei prefissi per il codice cross-browser:
/* 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() {
...
});
Sintassi
In HTML:
<element onfullscreenchange="myScript">
In JavaScript:
object.onfullscreenchange = function(){myScript};
In JavaScript, utilizzando il metodo addEventListener():
object.addEventListener("fullscreenchange", myScript);
Nota: il metodo addEventListener() non è supportato in Internet Explorer 8 e versioni precedenti.
Dettagli tecnici
Bolle: | sì |
---|---|
Annullabile: | No |
Tipo di evento: | Evento |
Tag HTML supportati: | TUTTI gli elementi HTML |