js控制全屏显示/退出全屏的方法

tainzhi 发布于2019-08-20 15:47 / 2352人阅读

摘要：退出全屏全屏显示大家可以微信添加订阅号冷星学前端，同步更新文章内容

退出全屏

var exitFullScreen = function() {
    var e = document;
    e.exitFullscreen ? e.exitFullscreen() : e.mozCancelFullScreen ? e.mozCancelFullScreen() : e.webkitCancelFullScreen && e.webkitCancelFullScreen()
}

全屏显示

var openFullScreen = function() {
    var e = document.documentElement;
    if (e.requestFullscreen)
        e.requestFullscreen();
    else if (e.mozRequestFullScreen)
        e.mozRequestFullScreen();
    else if (e.webkitRequestFullScreen)
        e.webkitRequestFullScreen();
    else if ("undefined" != typeof window.ActiveXObject) {
        var t = new ActiveXObject("WScript.Shell");
        t && t.SendKeys("{F11}")
    }
}

PS:大家可以微信添加订阅号“冷星学前端”，同步更新文章内容

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82499.html

Fullscreen API 全屏显示网页

摘要：进入全屏将全屏显示。内核浏览器和表现不同，前者只要求是元素即可，后者则要求必须是文档流中的元素，比较严格，否则不能全屏显示。内核浏览器会阻止除方向键控制键之外的键盘输入，会在输入时发出要求用户退出全屏状态的提示。第一次看到应用 Fullscreen API 全屏显示网页，是 FaceBook 中的照片放大。作为一个比较新的 API，目前只有 Safari、Chrome 和 FireF...

TNFE 2019-08-30 13:07 评论0 收藏0
Fullscreen API 全屏显示网页

摘要：进入全屏将全屏显示。内核浏览器和表现不同，前者只要求是元素即可，后者则要求必须是文档流中的元素，比较严格，否则不能全屏显示。内核浏览器会阻止除方向键控制键之外的键盘输入，会在输入时发出要求用户退出全屏状态的提示。第一次看到应用 Fullscreen API 全屏显示网页，是 FaceBook 中的照片放大。作为一个比较新的 API，目前只有 Safari、Chrome 和 FireF...

zsirfs 2019-08-19 18:35 评论0 收藏0
Fullscreen API 全屏显示网页

摘要：进入全屏将全屏显示。内核浏览器和表现不同，前者只要求是元素即可，后者则要求必须是文档流中的元素，比较严格，否则不能全屏显示。内核浏览器会阻止除方向键控制键之外的键盘输入，会在输入时发出要求用户退出全屏状态的提示。第一次看到应用 Fullscreen API 全屏显示网页，是 FaceBook 中的照片放大。作为一个比较新的 API，目前只有 Safari、Chrome 和 FireF...

wangxinarhat 2019-08-01 15:22 评论0 收藏0
js全屏模式轻松掌握[局部元素全屏展示]

摘要：推荐这么做，因为如果每个都要这样重复的判断浏览器前缀，那也太恶心了浏览器是否支持全屏模式属性返回一个布尔值，表示当前文档是否可以切换到全屏状态。 showImg(https://segmentfault.com/img/remote/1460000017229080?w=700&h=467); 我第一次对网页全屏模式有概念，是那种网页播放视频的全屏播放的那种。感觉很强，前几个星期有个...

amc 2019-08-23 13:50 评论0 收藏0