javascript - only - API de pantalla completa: ¿Qué eventos se activan?

mobile-web-app-capable

Question

Necesito saber qué eventos (DOM) se activan cuando un usuario ingresa al modo de pantalla completa a través de la nueva API de pantalla completa . Intenté, por ejemplo, este fragmento, pero no se dispara:

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

Answer 1

Estaba usando

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

Se dispara para Safari, Chrome y Firefox (no se han probado otros). Parece que hay una diferencia sutil en el contexto resultante entre webkit y moz, la altura y el ancho del elemento son diferentes. Pero los eventos se disparan, que 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.

Answer 2

No hay ningún evento de cambio de pantalla completa en jQuery nativo . Pero hay varios complementos de terceros que le brindan 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 puede ver en su código, no hay acceso de API limpio a este tipo de evento.

Answer 3

Su enlace muestra la respuesta ...

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