L'événement FullScreenChange ne fonctionne pas

Question

J'ai essayé de lier l'événement FullScreenChange, mais cela ne fonctionne pas. Peut-être ai-je fait quelque chose de mal ?

$(document).bind('webkitfullscreenchange mozfullscreenchange fullscreenchange',function(){
if(document.fullScreen){
    console.log('Go to Full Screen mode');
    }else{
    console.log('Exit Full Screen mode');
    }
});

Answer 1

Vous devez probablement utiliser le préfixe spécifique au fournisseur pour l'option document.fullScreen propriété

var isFullScreen = document.fullScreen || 
                   document.mozFullScreen || 
                   document.webkitIsFullScreen;

De plus amples informations sont disponibles ici :

https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode

Answer 2

Cela a marché pour moi :

window.onresize = resize
function resize() {
  //code
}