evenement op volledig scherm wijzigen
Voorbeeld
Geef wat tekst weer wanneer de pagina in volledig scherm wordt bekeken:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Definitie en gebruik
De gebeurtenis fullscreenchange vindt plaats wanneer een element in de modus Volledig scherm wordt bekeken.
Opmerking: deze gebeurtenis vereist specifieke voorvoegsels om in verschillende browsers te werken (zie Browserondersteuning hieronder).
Tip: gebruik de methode element .requestFullscreen() om een element in de modus Volledig scherm te bekijken.
Tip: gebruik de methode element .exitFullscreen() om de modus voor volledig scherm te annuleren.
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de gebeurtenis volledig ondersteunt. Opmerking: elke browser vereist een specifiek voorvoegsel (zie haakjes):
| Event | |||||
|---|---|---|---|---|---|
| fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Voorbeeld
Prefixen gebruiken voor cross-browser code:
/* 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() {
...
});
Syntaxis
In HTML:
<element onfullscreenchange="myScript">
In javascript:
object.onfullscreenchange = function(){myScript};
In JavaScript, met behulp van de addEventListener()-methode:
object.addEventListener("fullscreenchange", myScript);
Opmerking: de methode addEventListener() wordt niet ondersteund in Internet Explorer 8 en eerdere versies.
Technische details
| bubbels: | Ja |
|---|---|
| Annuleerbaar: | Nee |
| Evenementtype: | Evenement |
| Ondersteunde HTML-tags: | ALLE HTML-elementen |