如何使用触发脚本全屏？答案

【问题标题】：How can I use the full screen with trigger script?如何使用触发脚本全屏？
【发布时间】：2019-12-28 13:44:43
【问题描述】：

触发点击时无法全屏显示。当我单击图标或图像时，它会打开新页面。新页面显示全屏，没有任何点击，但并没有改变全屏。

<button id="test" onclick="launchFullscreen(document.documentElement);">Click Me</button>

var ele = document.getElementById('test');
ele.click();

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

【问题讨论】：

你在哪里打电话给launchFullscreen？
@empiric 调用隐藏在格式错误的 HTML 中，因此它没有出现在问题中。我已经编辑过了
您不能在没有用户交互的情况下强制浏览到全屏模式。如果您检查控制台，您很可能会看到以下警告：Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.

标签： javascript jquery

【解决方案1】：

在较新版本的浏览器中，您可以使用此脚本。

这是怎么做的：

function requestFullScreen(element) {
    // Supports most browsers and their versions.
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;

    if (requestMethod) { // Native full screen.
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    } }

HTML 按钮： <button onclick="requestFullScreen(document.body)">Go Fullscreen</button>

用户显然需要先接受全屏请求，并且不可能在页面加载时自动触发，它需要由用户触发（例如按钮）

【讨论】：