fullscreenchange- Ereignis
Beispiel
Text anzeigen, wenn die Seite im Vollbildmodus angezeigt wird:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Definition und Verwendung
Das Ereignis fullscreenchange tritt auf, wenn ein Element im Vollbildmodus angezeigt wird.
Hinweis: Dieses Ereignis erfordert bestimmte Präfixe, um in verschiedenen Browsern zu funktionieren (siehe Browserunterstützung unten).
Tipp: Verwenden Sie die Elementmethode .requestFullscreen() , um ein Element im Vollbildmodus anzuzeigen.
Tipp: Verwenden Sie die Elementmethode .exitFullscreen() , um den Vollbildmodus abzubrechen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Ereignis vollständig unterstützt. Hinweis: Jeder Browser benötigt ein bestimmtes Präfix (siehe Klammern):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Beispiel
Verwenden von Präfixen für browserübergreifenden Code:
/* 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() {
...
});
Syntax
Im HTML-Format:
<element onfullscreenchange="myScript">
In JavaScript:
object.onfullscreenchange = function(){myScript};
Verwenden Sie in JavaScript die Methode addEventListener():
object.addEventListener("fullscreenchange", myScript);
Hinweis: Die Methode addEventListener() wird in Internet Explorer 8 und früheren Versionen nicht unterstützt.
Technische Details
Bläschen: | ja |
---|---|
kündbar: | Nein |
Ereignistyp: | Fall |
Unterstützte HTML-Tags: | ALLE HTML-Elemente |