博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS实现网页全屏与退出全屏
阅读量:7071 次
发布时间:2019-06-28

本文共 1072 字,大约阅读时间需要 3 分钟。

hot3.png

全屏方法1:

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") {
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript != null) {
            wscript.SendKeys("{F11}");
        }
    }

全屏方法2:

var docElm = document.documentElement;

    //W3C  
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();
    }
        //FireFox  
    else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    }
        //Chrome等  
    else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    }
        //IE11
    else if (elem.msRequestFullscreen) {
        elem.msRequestFullscreen();
    }

退出全屏:

    if (document.exitFullscreen) {

        document.exitFullscreen();
    }
    else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    }
    else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
    }
    else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    }

转载于:https://my.oschina.net/u/2446847/blog/1536271

你可能感兴趣的文章
自动机器学习简述(AutoML)
查看>>
iPhone X适配
查看>>
虚拟化笔记
查看>>
[vim]-vim基础
查看>>
JAVA 8入门(一)Lambda表达式
查看>>
resin集成eclipse开发
查看>>
将Excel文件中的数据导入到mysql【Excel中拼sql】
查看>>
H5移动端知识点
查看>>
【js与jquery】网站更换皮肤功能
查看>>
Ubuntu ssh连接root验证错误
查看>>
Android WebView 详解(持续更新)
查看>>
ElasticSearch动态添加节点及相关配置项
查看>>
Android studio 使用心得(十)---android studio 多渠道打包(三)
查看>>
数据库选型的一些看法
查看>>
PHP接口&抽象类验证笔记
查看>>
Spark Streaming源码解读之No Receivers
查看>>
使用背景图的div宽高自适应
查看>>
sql注入工具
查看>>
MongoDB 开启用户认证登录
查看>>
ADO.NET操作数据库(一)
查看>>