English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
exitFullscreen()La méthode permet de faire sortir le document actuel du mode plein écran.
Cette méthode nécessite des préfixes spécifiques pour être utilisée dans différents navigateurs (veuillez consulter la compatibilité des navigateurs ci-dessous).
UtilisationrequestFullscreen()La méthode ouvre l'élément en mode plein écran.
document.exitFullscreen();
/* Obtenir l'élément (<html>) pour afficher la page en plein écran */
var elem = document.documentElement;
/* Voir en plein écran */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {/* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari et Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}
/* Fermer le mode plein écran */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) { /* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) { /* Chrome, Safari et Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE/Edge */
document.msExitFullscreen();
}
}Testez pour voir‹/›Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge complètement cette méthode. Chaque navigateur nécessite un préfixe fournisseur spécifique :
| Méthode | |||||
| exitFullscreen() | 15.0 (webkit) | 9.0 (moz) | 12.10(webkit) | 5.1(webkit) | 11.0 (ms) |
| Retour de la valeur : | Aucun |
|---|
Lorsque la page est en mode plein écran, vous pouvez utiliser CSS pour définir le style de la page :
div:-moz-full-screen {
background-color: rose;
}
div:-webkit-full-screen {
background-color: rose;
}
div:fullscreen {
background-color: rose;
}Testez pour voir‹/›