Question

我希望当我的网页加载时，它会自动全屏而不点击正文。您可以查看我想要进行更改的网站：TV。当您在任何地方单击它时，它将是全屏的。但是我想让它自动全屏而不点击任何东西。我想知道我是否可以使用自动点击更改onClick身体？因为使用onload没有任何反应。你能救我吗？

我只在我的html文档中使用<body onclick="toggleFullScreen()">。

这是toggleFullScreen的javascript：

function errorHandler() {
   alert('mozfullscreenerror');
}
document.documentElement.addEventListener('mozfullscreenerror', errorHandler, false);

// toggle full screen

function toggleFullScreen() {
  if (!document.fullscreenElement &&    // alternative standard method
      !document.mozFullScreenElement && !document.webkitFullscreenElement) {  // current working methods
    if (document.documentElement.requestFullscreen) {
      document.documentElement.requestFullscreen();
    } else if (document.documentElement.mozRequestFullScreen) {
      document.documentElement.mozRequestFullScreen();
    } else if (document.documentElement.webkitRequestFullscreen) {
      document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
    }
  } else {
    if (document.cancelFullScreen) {
      document.cancelFullScreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.webkitCancelFullScreen) {
      document.webkitCancelFullScreen();
    }
  }
}

Answer 1

在身体标签之前加上这个，

<script>
$(document).ready(function(){
toggleFullScreen();
});
</script>

Answer 2

如果您想坚持使用javascript，请尝试此操作。

<script type="text/javascript">
window.onload = maxWindow;

function maxWindow() {
    window.moveTo(0, 0);


    if (document.all) {
        top.window.resizeTo(screen.availWidth, screen.availHeight);
    }

    else if (document.layers || document.getElementById) {
        if (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) {
            top.window.outerHeight = screen.availHeight;
            top.window.outerWidth = screen.availWidth;
        }
    }
}

</script>

如何自动点击？

2 个答案: