événement fullscreenchange
Exemple
Afficher du texte lorsque la page est affichée en mode plein écran :
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Définition et utilisation
L'événement fullscreenchange se produit lorsqu'un élément est affiché en mode plein écran.
Remarque : Cet événement nécessite des préfixes spécifiques pour fonctionner dans différents navigateurs (voir Prise en charge des navigateurs ci-dessous).
Astuce : Utilisez la méthode element .requestFullscreen() pour afficher un élément en mode plein écran.
Astuce : Utilisez la méthode element .exitFullscreen() pour annuler le mode plein écran.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'événement. Remarque : Chaque navigateur nécessite un préfixe spécifique (voir parenthèses) :
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Exemple
Utilisation de préfixes pour le code multi-navigateur :
/* 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() {
...
});
Syntaxe
En HTML :
<element onfullscreenchange="myScript">
En Javascript :
object.onfullscreenchange = function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
object.addEventListener("fullscreenchange", myScript);
Remarque : La méthode addEventListener() n'est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
Bulles: | Oui |
---|---|
Annulable : | Non |
Type d'événement: | Événement |
Balises HTML compatibles : | TOUS les éléments HTML |