API de pantalla completa: ¿Qué eventos se disparan?

Question

Necesito saber qué eventos (DOM) se disparan cuando un usuario ingresa al modo de pantalla completa a través del nuevo Fullscreen API. He intentado, por ejemplo, este fragmento, pero no se dispara:

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

Answer 1

Su enlace shows the answer ...

Cuando el modo de pantalla completa se dedica con éxito, el documento que contiene el elemento de pantalla completa recibe un evento fullscreenchange. Cuando se sale del modo de pantalla completa, el documento recibe nuevamente un evento fullscreenchange. Tenga en cuenta que el evento fullscreenchange no proporciona ninguna información sobre si el documento está entrando o saliendo del modo de pantalla completa, pero si el documento tiene un fullScreenElement no nulo, sabrá que está en modo de pantalla completa.

Answer 2

Hay no fullscreenChange event in native jQuery. Pero hay varios plugins de terceros que proporcionan acceso al evento:

• 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

Como se puede ver en su código existe no hay acceso API limpio a este tipo de evento.

Answer 3

que estaba usando:

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

Se dispara para Safari, Chrome y Firefox (no han probado otros). Parece que hay una diferencia sutil en el contexto resultante entre webkit y moz, elemento alto y ancho son diferentes. Pero los eventos se disparan, cual es tu pregunta.

Oh. Y tenga cuidado con el uso de alert('fs') con pruebas de pantalla completa. A menudo interfiere con el cambio de pantalla.