在全屏模式下加载页面

Question

我正在尝试在全屏模式下加载页面，下面的代码可以正常工作，但要求页面上的点击我想在页面加载时执行此操作任何帮助都会很感激！

码

 <!-- full screen mode-->
    <script type="text/javascript">

        function launchIntoFullscreen(element) {
            if (element.requestFullscreen) {
                element.requestFullscreen();
            } else if (element.mozRequestFullScreen) {
                element.mozRequestFullScreen();
            } else if (element.webkitRequestFullscreen) {
                element.webkitRequestFullscreen();
            } else if (element.msRequestFullscreen) {
                element.msRequestFullscreen();
            }
        }

  </script>   

调用函数

  <script type="text/javascript">
       $(document).ready(function () {

           var myEl = document.getElementById('theBody');

           myEl.addEventListener('click', function () {

               launchIntoFullscreen(document.getElementById("theBody"));


           }, false);


       });

    </script>    

Answer 1

这需要用户点击myEl：

       myEl.addEventListener('click', function () {
           launchIntoFullscreen(document.getElementById("theBody"));
       }, false);

您只需要：

       launchIntoFullscreen(document.getElementById("theBody"));

Answer 2

这是一个未经测试的版本。由于您正在使用jQuery，请尝试以下操作。

$(document).ready(function() {
    var myEl = $("#theBody");
    myEl.on('click', function () {
        launchIntoFullscreen(myEl[0]);
    }).trigger("click");
});