javascript - 如何检测 'going into' 全屏模式？ - 全屏网络 API

Question

我正在使用 Fullscreen Web API .

  function goFullscreen(){

     var elem =  document.body;
     if (elem.requestFullscreen)  elem.requestFullscreen();
     else if (elem.mozRequestFullScreen) elem.mozRequestFullScreen();
     else if (elem.webkitRequestFullscreen) elem.webkitRequestFullscreen(); 

     var fullscreenElement = document.mozFullScreenElement;   
     if(fullscreenElement){
     /** some changes to the page **/
     }     
   }

我用了 document.mozFullScreenElement检查页面是否全屏。

但是，该检查仅在页面已经全屏时才有效，而不是当它进入全屏时(即用户单击“允许”时)。那么，这有什么破解方法吗？

Answer 1

使用此 if 语句跨浏览器检测我们当前是否处于全屏模式:

            if (
                !document.isFullScreen &&
                !document.fullscreenElement &&
                !document.webkitFullscreenElement &&
                !document.mozFullScreenElement &&
                !document.msFullscreenElement
            )
            { // make full screen }