Zdarzenie fullscreenchange

Zdarzenia DOM Obiekt Event

Definicja i użycie

Zdarzenie fullscreenchange występuje podczas przeglądania elementu w trybie pełnego ekranu.

Uwaga:To zdarzenie wymaga specyficznego przedrostka, aby działać w różnych przeglądarkach (patrz poniżej dla więcej przykładów).

Wskazówka:Użyj element.requestFullscreen(); metody, aby zobaczyć element w trybie pełnego ekranu.

Wskazówka:Użyj element.exitFullscreen(); Metoda wyjścia z trybu pełnego ekranu.

Przykład

Wyświetlaj pewne teksty, gdy strona jest w trybie pełnego ekranu:

document.addEventListener("fullscreenchange", function() {
  output.innerHTML = "fullscreenchange event fired!";
});

Spróbuj sam

Gramatyka

W HTML:

<element onfullscreenchange="myScript">

W JavaScript:

obiekt.onfullscreenchange = function(){myScript});

W JavaScript używając metody addEventListener():

obiekt.addEventListener("fullscreenchange", myScript);

Spróbuj sam

Uwaga:Internet Explorer 8 i wcześniejsze wersje nie obsługują Metoda addEventListener().

Szczegóły techniczne

Bąbelkowanie: Wspierane
Można anulować: Nieobsługiwane
Typ zdarzenia: Event
Wspierane znaczniki HTML: Wszystkie elementy HTML

Wspierane przeglądarki

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która obsługuje to zdarzenie. Uwaga: Każda przeglądarka wymaga specyficznego przedrostka (patrz w nawiasach):

Zdarzenie Chrome IE Firefox Safari Opera
fullscreenchange 45.0 (webkit) 11.0 (ms) 47.0 (moz) 5.1 (webkit) 15.0 (webkit)

Przykład

Przedrostki używane w kodzie międzyprzeglądarkowym:

/* Standard syntax */
document.addEventListener("fullscreenchange", function() {
  ...
});
/* Firefox */
document.addEventListener("mozfullscreenchange", function() {
  ...
});
/* Chrome, Safari i Opera */
document.addEventListener("webkitfullscreenchange", function() {
  ...
});
/* IE / Edge */
document.addEventListener("msfullscreenchange", function() {
  ...
});

Spróbuj sam

Zdarzenia DOM Obiekt Event