Fullscreenchange Event
Przykład
Wyświetlaj tekst, gdy strona jest wyświetlana w trybie pełnoekranowym:
document.addEventListener("fullscreenchange", function() {
output.innerHTML = "fullscreenchange event fired!";
});
Definicja i użycie
Zdarzenie fullscreenchange występuje, gdy element jest wyświetlany w trybie pełnoekranowym.
Uwaga: to zdarzenie wymaga określonych prefiksów, aby działały w różnych przeglądarkach (patrz Obsługa przeglądarek poniżej).
Wskazówka: Użyj metody element .requestFullscreen() , aby wyświetlić element w trybie pełnoekranowym.
Wskazówka: Użyj metody element .exitFullscreen() , aby anulować tryb pełnoekranowy.
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie. Uwaga: Każda przeglądarka wymaga określonego prefiksu (patrz nawiasy):
Event | |||||
---|---|---|---|---|---|
fullscreenchange | 45.0 (webkit) | 11.0 (ms) | 47.0 (moz) | 5.1 (webkit) | 15.0 (webkit) |
Przykład
Używanie prefiksów dla kodu w różnych przeglądarkach:
/* 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() {
...
});
Składnia
W HTML:
<element onfullscreenchange="myScript">
W JavaScript:
object.onfullscreenchange = function(){myScript};
W JavaScript za pomocą metody addEventListener():
object.addEventListener("fullscreenchange", myScript);
Uwaga: Metoda addEventListener() nie jest obsługiwana w programie Internet Explorer 8 i wcześniejszych wersjach.
Szczegóły techniczne
Bąbelki: | tak |
---|---|
Możliwość anulowania: | Nie |
Typ wydarzenia: | Wydarzenie |
Obsługiwane tagi HTML: | WSZYSTKIE elementy HTML |