在全屏模式下加载页面

Load page on full screen mode

本文关键字：加载 模式      更新时间：2023-09-26

我正在尝试以全屏模式加载页面，下面的代码有效，但需要在页面中单击我想在页面加载时执行此操作，任何帮助将不胜感激！

法典

 <!-- 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>
这

需要用户单击myEl：

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

您所需要的只是：

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

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

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