Как изменить полноэкранный режим всей веб-страницы с помощью подтверждения()?

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(); 
} 

Некоторое решение? или это невозможно с подтверждением()? Потому что с кнопкой работает:

(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