Événement 'fullscreenchange'
Définition et utilisation
L'événement 'fullscreenchange' se produit lorsque l'élément est visualisé en mode plein écran.
Remarque :Cet événement nécessite un préfixe spécifique pour fonctionner dans différents navigateurs (voir les exemples ci-dessous).
Avis :Utilisez element.requestFullscreen() Méthode pour visualiser l'élément en mode plein écran.
Avis :Utilisez element.exitFullscreen() Méthode pour annuler le mode plein écran.
Exemple
Affichez certains textes lorsque vous regardez la page en mode plein écran :
document.addEventListener("fullscreenchange", function() { output.innerHTML = "Événement fullscreenchange déclenché !"; });
Syntaxe
Dans HTML :
<élément onfullscreenchange="myScript">
Dans JavaScript :
objet.onfullscreenchange = function(){myScript});
Dans JavaScript, utilisez la méthode addEventListener() :
objet.addEventListener("fullscreenchange", myScript);
Remarque :Internet Explorer 8 et versions antérieures ne prennent pas en charge méthode addEventListener().
Détails techniques
Bubbling : | Pris en charge |
---|---|
Annulable : | Non pris en charge |
Type d'événement : | Event |
Balises HTML prises en charge : | Tous les éléments HTML |
Prise en charge du navigateur
Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cet événement. Remarque : Chaque navigateur nécessite un préfixe spécifique (voir les parenthèses) :
Événement | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Exemple
Préfixes utilisés pour le code compatible avec tous les navigateurs :
/* Syntaxe standard */ document.addEventListener("fullscreenchange", function() { ... }); /* Firefox */ document.addEventListener("mozfullscreenchange", function() { ... }); /* Chrome, Safari et Opera */ document.addEventListener("webkitfullscreenchange", function() { ... }); /* IE / Edge */ document.addEventListener("msfullscreenchange", function() { ... });