De fullscreenchange-gebeurtenis

DOM events Event object

Definitie en gebruik

De fullscreenchange-gebeurtenis treedt op wanneer een element in volledig schermweergave wordt bekeken.

Opmerking:Deze gebeurtenis vereist specifieke voorvoegsels om in verschillende browsers te werken (zie de volgende voorbeelden).

Tip:Gebruik element.requestFullscreen() Methodologie om een element in volledige schermmodus te bekijken.

Tip:Gebruik element.exitFullscreen() Methodologie om de volledige schermmodus te annuleren.

Voorbeeld

Toon tekst in de volledige schermmodus van de pagina:

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

Try it yourself

Syntaxis

In HTML:

<element onfullscreenchange="myScript">

In JavaScript:

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

In JavaScript, gebruik de addEventListener() methode:

object.addEventListener("fullscreenchange", myScript);

Try it yourself

Opmerking:Internet Explorer 8 en oudere versies ondersteunen deze niet addEventListener() methode.

Technische details

Bubbelend: Ondersteund
Annulabel: Niet ondersteund
Type gebeurtenis: Event
Ondersteunde HTML-labelen: Alle HTML-elementen

Browserondersteuning

De cijfers in de tabel geven de eerste browserversie aan die deze gebeurtenis volledig ondersteunt. Opmerking: elke browser vereist een specifiek voorvoegsel (zie de haakjes):

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

Voorbeeld

Voorvoegsels voor browserbreed gebruik:

/* Standaard syntaxis */
document.addEventListener("fullscreenchange", function() {
  ...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
  ...
});
/* Chrome, Safari en Opera */
document.addEventListener("webkitfullscreenchange", function() {
  ...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
  ...
});

Try it yourself

DOM events Event object