js 全屏

最新推荐文章于 2024-05-20 17:33:31 发布

原创最新推荐文章于 2024-05-20 17:33:31 发布 · 625 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js全屏

js 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个简单的全屏API调用示例，该示例适用于多种浏览器，并提供了对旧版IE的支持方案。文中展示了如何通过JavaScript实现网页元素的全屏显示功能。

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

var elem = document.body; // Make the body go full screen.
requestFullScreen(elem);