L'evento 'fullscreenchange'

Eventi DOM Oggetto Evento

Definizione e uso

L'evento 'fullscreenchange' si verifica quando un elemento viene visualizzato in modalità a schermo intero.

Nota:Questo evento richiede prefissi specifici per funzionare in diversi browser (vedi gli esempi seguenti).

Suggerimento:Utilizzare elemento.requestFullscreen() Metodo per visualizzare l'elemento in modalità a schermo intero.

Suggerimento:Utilizzare elemento.exitFullscreen() Metodo per uscire dalla modalità a schermo intero.

Esempio

Visualizza alcuni testi quando la pagina è in modalità a schermo intero:

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

Prova personalmente

Sintassi

In HTML:

<elemento onfullscreenchange="myScript">

In JavaScript:

oggetto.onfullscreenchange = function(){myScript});

In JavaScript, utilizzare il metodo addEventListener():

oggetto.addEventListener("fullscreenchange", myScript);

Prova personalmente

Nota:Internet Explorer 8 e versioni precedenti non supportano Metodo addEventListener().

Dettagli tecnici

Bubble: Supportato
Cancellable: Non supportato
Tipo di evento: Evento
Tag HTML supportati: Tutti gli elementi HTML

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta l'evento per la prima volta. Nota: Ogni browser richiede un prefisso specifico (vedi i parentesi):

Evento Chrome IE Firefox Safari Opera
fullscreenchange 45.0 (webkit) 11.0 (ms) 47.0 (moz) 5.1 (webkit) 15.0 (webkit)

Esempio

Prefissi per codice cross-browser:

/* Standard syntax */
document.addEventListener("fullscreenchange", function() {
  ...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
  ...
});
/* Chrome, Safari e Opera */
document.addEventListener("webkitfullscreenchange", function() {
  ...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
  ...
});

Prova personalmente

Eventi DOM Oggetto Evento