API schermo intero: quali eventi vengono attivati?

Question

Ho bisogno di sapere quali eventi (DOM) vengono attivati ​​quando un utente accede alla modalità a schermo intero tramite il nuovo Fullscreen API. Ho provato ad esempio questo frammento di codice, ma non lo fa fuoco:

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

Answer 1

Il link shows the answer ...

Quando la modalità a schermo intero è impegnato con successo, il documento che contiene l'elemento a schermo intero riceve un evento fullscreenchange. Quando si esce dalla modalità a schermo intero, il documento riceve nuovamente un evento fullscreenchange. Si noti che l'evento fullscreenchange non fornisce alcuna informazione sul fatto che il documento stia entrando o uscendo dalla modalità a schermo intero, ma se il documento ha un valore non nullo fullScreenElement, si sa che si è in modalità a schermo intero.

Answer 2

C'è no fullscreenChange event in native jQuery. Ma ci sono diversi plugin di terze parti che forniscono accesso alla manifestazione:

• 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

Come si può vedere sul loro codice non c'è nessun accesso API pulito a questo tipo di evento.

Answer 3

stavo usando: (gli altri non hanno testato)

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

Spara per Safari, Chrome e Firefox. Sembra esserci una sottile differenza nel contesto risultante tra webkit e moz, l'altezza e la larghezza dell'elemento sono diverse. Ma il fuoco degli eventi, che è la tua domanda.

Oh. E stai attento all'utilizzo di alert('fs') con test a schermo intero. Spesso interferisce con il cambio di schermata.