Interfejs API pełnego ekranu: Jakie zdarzenia są uruchamiane?

Question

Muszę wiedzieć, które zdarzenia (DOM) są uruchamiane, gdy użytkownik wchodzi w tryb pełnoekranowy za pomocą nowego Fullscreen API. Próbowałem na przykład ten fragment, ale to nie ogień:

jQuery('body').on('fullScreenChange', function() { alert("Fired!"); }); 

Answer 1

Twój link shows the answer ...

Gdy tryb pełnoekranowy zostanie pomyślnie uruchomiony, dokument zawierający element pełnoekranowy odbiera zdarzenie fullscreenchange. Po wyjściu z trybu pełnoekranowego dokument ponownie otrzymuje zdarzenie fullscreenchange. Zwróć uwagę, że zdarzenie fullscreenchange nie dostarcza żadnych informacji o tym, czy dokument wchodzi w tryb pełnoekranowy, ale jeśli dokument ma wartość zerową fullScreenElement, wiesz, że jesteś w trybie pełnoekranowym.

Answer 2

Istnieje no fullscreenChange event in native jQuery. Ale istnieje kilka wtyczek firm trzecich, które zapewniają dostęp do imprezy:

• http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/
• https://github.com/ruidlopes/jquery-fullscreen/blob/master/jquery.fullscreen.js
• https://github.com/hdragomir/jQuery-Fullscreen-Event
• https://github.com/ruidlopes/jquery-fullscreen

Jak widać na ich kodu jest brak czystego dostępu API do tego typu zdarzenia.

Answer 3

używałem:

$(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', fn); 

Strzela do Safari, Chrome i Firefox (nie testowałem inne). Wydaje się, że istnieje subtelna różnica w wynikowym kontekście między webkitem a moz, wysokość i szerokość elementów są różne. Ale wydarzenia wybuchają, co jest twoim pytaniem.

Och. I uważaj na używanie alert('fs') z testowaniem pełnoekranowym. Często zakłóca zmianę ekranu.