fullscreenchange händelsen

DOM-händelser Event-objekt

Definition och användning

fullscreenchange händelsen inträffar när elementet visas i fullskärmsläge.

Anmärkning:Denna händelse kräver specifika prefix för att fungera i olika webbläsare (se fler exempel nedan).

Tips:Använd element.requestFullscreen(); Metoden för att visa element i fullskärmsläge.

Tips:Använd element.exitFullscreen(); Metoden avslutar fullskärmsläge.

Exempel

Visa några texter när sidan visas i fullskärmsläge:

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

Prova själv

Syntax

I HTML:

<element onfullscreenchange="myScript">

I JavaScript:

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

I JavaScript, använd addEventListener() metoden:

object.addEventListener("fullscreenchange", myScript);

Prova själv

Anmärkning:Internet Explorer 8 och tidigare versioner stöder inte addEventListener() metoden.

Tekniska detaljer

Bubblig: Stödd
Avbrytbar: Ej stödd
HändelseTyp: Event
HTML-taggar som stöds: Alla HTML-element

Webbläsarstöd

Tal i tabellen visar den första webbläsarens version som fullständigt stöder denna händelse. Anmärkning: Varje webbläsare kräver en specifik prefix (se parenteserna):

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

Exempel

Prefixar för att användas i korsbläddringskod:

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

Prova själv

DOM-händelser Event-objekt