É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é !";
});

Essayez-le vous-même

Syntaxe

Dans HTML :

<élément onfullscreenchange="myScript">

Dans JavaScript :

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

Dans JavaScript, utilisez la méthode addEventListener() :

objet.addEventListener("fullscreenchange", myScript);

Essayez-le vous-même

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() {
  ...
});

Essayez-le vous-même