ie浏览器事件模拟点击F11触发全屏无效踩坑

最新推荐文章于 2023-02-04 14:01:13 发布

Mysmilebaby

最新推荐文章于 2023-02-04 14:01:13 发布

阅读量843

点赞数

分类专栏： web前端文章标签：前端 ie 全屏踩坑

本文链接：https://blog.csdn.net/mayusunshine/article/details/124884943

版权

web前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

全屏事件注意事项：

1、ie使用msRequestFullscreen，一定要注意是screen ie浏览器s是小写；

2、Element.msrequestFullscreen()方法作用于元素上。

退出全屏事件注意事项：

1、ie使用msExitFullscreen，一定要注意是screen ie浏览器s是小写；

2、Document.msExitFullscreen()方法作用于Document上。

代码示例如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="fullScreen()">全屏</button>
<button onclick="exitFullScreen()">退出全屏</button>
<script>
    function fullScreen() {
        var el = document.documentElement;
        var rfs = el.requestFullScreen || el.webkitRequestFullScreen ||
            el.mozRequestFullScreen || el.msRequestFullscreen;
        if (typeof rfs != "undefined" && rfs) {
            rfs.call(el);
        } else if (typeof window.ActiveXObject != "undefined") {
            //for IE，这里其实就是模拟了按下键盘的F11，使浏览器全屏
            var wscript = new ActiveXObject("WScript.Shell");
            if (wscript != null) {
                wscript.SendKeys("{F11}");
            }

        }
    }

    function exitFullScreen() {
        var el = document;
        var cfs = el.msExitFullscreen || el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen,
            wscript;
        if (typeof cfs != "undefined" && cfs) {
            cfs.call(el);
            return;
        }
        if (typeof window.ActiveXObject != "undefined") {
            wscript = new ActiveXObject("WScript.Shell");
            if (wscript != null) {
                wscript.SendKeys("{F11}");
            }
        }
    }
</script>
</body>
</html>

Mysmilebaby

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
ie浏览器事件模拟点击F11触发全屏无效踩坑

全屏事件注意事项：1、ie使用msRequestFullscreen，一定要注意是screen ie浏览器s是小写；2、Element.msrequestFullscreen()方法作用于元素上。退出全屏事件注意事项：1、ie使用msExitFullscreen，一定要注意是screen ie浏览器s是小写；2、Document.msExitFullscreen()方法作用于Document上。代码示例如下：<!DOCTYPE html><html lang
复制链接

扫一扫