使用JavaScript模拟F11键

Question

我该如何模拟使用 Flash 中的 F11（全屏而非最大化浏览器窗口）功能呢？请参考以下链接：http://www.broculos.net/files/articles/FullscreenFlash/flashFullscreen.html。在 Flash 中，您可以使用以下代码实现全屏功能：fscommand("fullscreen", true )。

permadi.com/tutorial/flash9FullScreen/index.html

Thanks

Update

I found this:

var docElm = document.documentElement;

if (docElm.requestFullscreen) {
    docElm.requestFullscreen();
} else if (docElm.mozRequestFullScreen) {
    docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
    docElm.webkitRequestFullScreen();
}

/* Exiting the full screen => showing the FULL SCREEN button */
if (docElm.requestFullscreen) {
    document.addEventListener("fullscreenchange", function () {
        if(!document.fullscreen) {
            // Do something
        }
    }, false);
} else  if (docElm.mozRequestFullScreen) {
    document.addEventListener("mozfullscreenchange", function () {
        if(!document.mozFullScreen) {
            // Do something
        }
    }, false);
} else if (docElm.webkitRequestFullScreen) {
    document.addEventListener("webkitfullscreenchange", function () {
        if(!document.webkitIsFullScreen) {
            // Do something
        }
    }, false);
}

根据我所见，这仅在按钮单击时起作用。无法在页面加载时执行此操作。

- Claudiu

Answer 1

这是 JavaScript 无法实现的。虽然曾经在 HTML5 视频 API 中提出过，但最终被放弃了。

- James

---

它并没有被废弃，而是正在进行深入考虑：http://www.mail-archive.com/[e-mail]/msg19915.html - mwilcox

Answer 2

在 Mozilla 上有一个非常基础的教程：

• https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode

请注意，截至本帖发布时，这是“实验性技术”。

function requestFullScreen(elt) {
    console.log("Requesting fullscreen for", elt);
    if (elt.requestFullscreen) {
        elt.requestFullscreen();
    } else if (elt.msRequestFullscreen) {
        elt.msRequestFullscreen();
    } else if (elt.mozRequestFullScreen) {
        elt.mozRequestFullScreen();
    } else if (elt.webkitRequestFullscreen) {
        elt.webkitRequestFullscreen();
    } else {
        console.error("Fullscreen not available");
    }
}

我已成功地使用 div、video 和 canvas 元素进行了测试。这是在 jsfiddle 中的代码 -- http://jsfiddle.net/luken/001834wn/ -- 但请注意，由于某些原因，它实际上在 jsfiddle 中无法运行。

- Luke