fullscreenchange-Ereignis
Definition und Verwendung
Der fullscreenchange-Ereignis tritt auf, wenn ein Element im Vollbildmodus angezeigt wird.
Anmerkung:Dieses Ereignis erfordert spezifische Präfixe, um in verschiedenen Browsern zu funktionieren (siehe die folgenden Beispiele).
Hinweis:Verwenden Sie element.requestFullscreen(); Methode, um ein Element im Vollbildmodus anzuzeigen.
Hinweis:Verwenden Sie element.exitFullscreen(); Methode, um aus dem Vollbildmodus herauszugehen.
Beispiel
Zeige einige Texte, wenn die Seite im Vollbildmodus angezeigt wird:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Syntax
Im HTML:
<Element onfullscreenchange="myScript">
Im JavaScript:
Objekt.onfullscreenchange = function(){myScript});
Im JavaScript wird die Methode addEventListener() verwendet:
Objekt.addEventListener("fullscreenchange", myScript);
Anmerkung:Internet Explorer 8 und frühere Versionen unterstützen dies nicht addEventListener() Methode.
Technische Details
| Bubbling: | Unterstützt |
|---|---|
| Abbrechbar: | Nicht unterstützt |
| Art des Ereignisses: | Event |
| Unterstützte HTML-Tags: | Alle HTML-Elemente |
Browser-Unterstützung
Die Nummern in der Tabelle geben die erste Browser-Version an, die das Ereignis vollständig unterstützt. Anmerkung: Jeder Browser erfordert einen spezifischen Präfix (siehe Klammern):
| Ereignis | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Beispiel
Vorschriften für die Verwendung in Quellcode für verschiedene Browser:
/* Standard语法 */
document.addEventListener("fullscreenchange", function() {
...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
...
});
/* Chrome, Safari und Opera */
document.addEventListener("webkitfullscreenchange", function() {
...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
...
});
