fullscreenchange begivenhed

DOM begivenheder Event objekt

Definition og brug

fullscreenchange begivenhed forekommer, når elementer vises i fuldskærmstil.

Bemærk:Dette event kræver specifikke præfikser for at fungere i forskellige browsere (se flere eksempler nedenfor).

Vedvisning:Brug element.requestFullscreen(); metoden til at se elementet i fuldskærmstilstand.

Vedvisning:Brug element.exitFullscreen(); Metoden afslutter fuldskærmstilstand.

Eksempel

Vis nogle tekster, når du ser på siden i fuldskærm:

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

Prøv det selv

Syntaks

I HTML:

<element onfullscreenchange="myScript">

I JavaScript:

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

I JavaScript bruges addEventListener() metoden:

object.addEventListener("fullscreenchange", myScript);

Prøv det selv

Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke addEventListener() metoden.

Tekniske detaljer

Bobler: Understøttet
Kan annulleres: Ikke understøttet
Eventtype: Event
Understøttede HTML-mærker: Alle HTML-elementer

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter dette event. Bemærk: Hver browser kræver en specifik præfiks (se parenteser):

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

Eksempel

Præfiks til brug i tværbrowsere:

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

Prøv det selv

DOM begivenheder Event objekt