web-dev-qa-db-fra.com

API plein écran: quels événements sont déclenchés?

J'ai besoin de savoir quels événements (DOM) sont déclenchés lorsqu'un utilisateur entre en mode plein écran via la nouvelle API plein écran . J'ai essayé par exemple cet extrait mais il ne se déclenche pas:

jQuery('body').on('fullScreenChange', function() { alert("Fired!"); });
javascriptjqueryjavascript-eventsfullscreen
26
Poru

Votre lien affiche la réponse ...

Lorsque le mode plein écran est correctement engagé, le document qui contient l'élément plein écran reçoit un événement fullscreenchange. Lorsque vous quittez le mode plein écran, le document reçoit à nouveau un événement fullscreenchange. Notez que l'événement fullscreenchange ne fournit aucune information quant à savoir si le document entre ou sort du mode plein écran, mais si le document a un fullScreenElement non nul, vous savez que vous '' re en mode plein écran.

17
user1106925

J'utilisais:

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

Il se déclenche pour Safari, Chrome et Firefox (n'en a pas testé d'autres). Il semble y avoir une différence subtile dans le contexte résultant entre le webkit et le moz, la hauteur et la largeur des éléments sont différentes. Mais les événements se déclenchent, c'est votre question.

Oh. Et faites attention à l'utilisation de alert('fs') avec des tests en plein écran. Cela interfère souvent avec le changement d'écran.

62
Bobbi Bennett

Il y a pas d'événement fullscreenChange dans jQuery natif . Mais il existe plusieurs plugins tiers qui vous donnent accès à l'événement:

Comme vous pouvez le voir sur leur code, il n'y a pas d'accès API propre à ce type d'événement.

3
powtac