如何使用全屏和觸發腳本？

Question

觸發點擊時，它無法全屏工作。 當我單擊圖標或圖像時，它將打開新頁面。 新頁面無需單擊即可全屏顯示，但不會更改全屏。

<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();
  }
}

Answer 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>

用戶顯然需要首先接受全屏請求，並且無法在頁面加載時自動觸發此請求，需要由用戶觸發（例如按鈕）