English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
exitFullscreen()Diese Methode wird verwendet, um das aktuelle Dokument aus dem Vollbildmodus herauszuziehen.
Diese Methode erfordert spezifische Präfixe, um in verschiedenen Browsern verwendet zu werden (siehe untenstehende Browserkompatibilität).
VerwendungrequestFullscreen()Methoden, um ein Element im Vollbildmodus zu öffnen.
document.exitFullscreen()
/* Erhalte das (<html>)-Element, um die Seite im Vollbildmodus anzuzeigen */
var elem = document.documentElement;
/* Ansehen im Vollbildmodus */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {/* Firefox */
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari und Opera */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE/Edge */
elem.msRequestFullscreen();
}
}
/* Schließe den Vollbildmodus */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) { /* Firefox */
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) { /* Chrome, Safari und Opera */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE/Edge */
document.msExitFullscreen();
}
}Testen Sie es heraus‹/›Die Zahlen in der Tabelle geben die erste Browserversion an, die die Methode vollständig unterstützt. Jeder Browser benötigt einen bestimmten Anbieterpräfix:
| Methode | |||||
| exitFullscreen() | 15.0 (webkit) | 9.0 (moz) | 12.10(webkit) | 5.1(webkit) | 11.0 (ms) |
| Rückgabewert: | Keine |
|---|
Wenn die Seite im Vollbildmodus ist, können Sie mit CSS die Seitenausgabe einstellen:
div:-moz-voll-screen {
background-color: pink;
}
div:-webkit-voll-screen {
background-color: pink;
}
div:fullscreen {
background-color: pink;
}Testen Sie es heraus‹/›