javascript - 如何将onclick改为onload?

标签 javascript fullscreen html5-fullscreen

我想让页面自动全屏显示,而不需要单击任何内容。我尝试过改变这一点 <body onclick="toggleFullScreen()">进入<body onload="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();
    }
  }
}

最佳答案

如果没有任何浏览器中的用户手势,您无法执行任何RequestFullScreen。

顺便说一句,你的全屏功能可以是这样的:

  function fullScreen() {
    var el = document.documentElement;
    var rfs = el.requestFullScreen
              || el.webkitRequestFullScreen
              || el.mozRequestFullScreen;
    rfs.call(el);
  }

关于javascript - 如何将onclick改为onload?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28981080/

相关文章:

javascript - 路由 express 和输出到模板

JavaScript - 从数组中删除

Java 全屏模式对话框

javascript - 为什么 chrome 在弹出窗口时退出全屏?

javascript - HTMLService/Google Apps 脚本中的日期选择器

javascript - 为什么我不能使用 CSS 在这个特定的 Input 元素上使用固定定位?

android - View.SYSTEM_UI_FLAG_FULLSCREEN 不适用于 HUAWEI P20

iphone - [iPhone]用户无法交互的区域,为什么?

javascript - 是否有在 Microsoft Edge 中通过键盘事件进入全屏的解决方法?

Firefox 全屏视频追加 DOM 元素