FullScreenChange 事件不起作用

Question

我尝试绑定 FullScreenChange 事件，但它不起作用。也许我做错了什么？

$(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

您可能需要为 document.fullScreen 属性使用供应商特定的前缀

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

此处提供更多信息：

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

Answer 2

这对我有用：

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