FullScreenChange事件不起作用

Posted 2021-05-03

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

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

答案

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

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

此处提供更多信息：

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

另一答案

这对我有用：

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