如何使用confirm（）更改为全屏显示整个网页？

Question

我希望当点击确定框中的“确定”时，整个网页将全屏显示，但是只有这样才会出现错误TypeError: docelem.requestFullscreen is not a function。我尝试了所有但没有...

var conf = confirm("Fullscreen mode?"); 
var docelem = document.documentElement; 
if (conf == true) { 
    docelem.requestFullscreen(); 
} 
else if (conf == true) { 
    docelem.mozRequestFullScreen(); 
} 
else if (conf == true) { 
    docelem.webkitRequestFullScreen(); 
} 
else if (conf == true) { 
    docelem.msRequestFullscreen(); 
} 

一些解决方案？或者用confirm（）不可能？因为用一个按钮工作：

(function() { 
    var fullscreenon = document.getElementById("fullscreenbutton");//button Id 
    if (fullscreenon) { 
     fullscreenon.addEventListener("click", function() { 
      var docelem = document.documentElement; 
      if (docelem.requestFullscreen) { 
       docelem.requestFullscreen(); 
      } 
      else if (docelem.msRequestFullscreen) { 
       docelem.msRequestFullscreen(); 
      } 
      else if (docelem.mozRequestFullScreen) { 
       docelem.mozRequestFullScreen(); 
      } 
      else if (docelem.webkitRequestFullScreen) { 
       docelem.webkitRequestFullScreen(); 
      } 
     }, false); 
    } 
})(); 

Answer 1

首先，你的条件是不同的2个样本。正确的代码是：

var conf = confirm("Fullscreen mode?"); 
var docelem = document.documentElement; 

if (conf == true) { 
    if (docelem.requestFullscreen) { 
     docelem.requestFullscreen(); 
    } 
    else if (docelem.mozRequestFullScreen) { 
     docelem.mozRequestFullScreen(); 
    } 
    else if (docelem.webkitRequestFullscreen) { 
     docelem.webkitRequestFullscreen(); 
    } 
    else if (docelem.msRequestFullscreen) { 
     docelem.msRequestFullscreen(); 
    } 
} 

其次重要的是，你不能没有用户交互使全屏页面。这是一个安全限制。如果你通过用户点击触发上面的代码，这将是工作。例如：

document.onclick = function (argument) { 
    var conf = confirm("Fullscreen mode?"); 
    var docelem = document.documentElement; 

    if (conf == true) { 
     if (docelem.requestFullscreen) { 
      docelem.requestFullscreen(); 
     } 
     else if (docelem.mozRequestFullScreen) { 
      docelem.mozRequestFullScreen(); 
     } 
     else if (docelem.webkitRequestFullScreen) { 
      docelem.webkitRequestFullScreen(); 
     } 
     else if (docelem.msRequestFullscreen) { 
      docelem.msRequestFullscreen(); 
     } 
    } 
} 

如果您单击页面上的任何位置，全屏模式将被激活。更多详细信息：https://stackoverflow.com/a/20533579/198062