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

tainzhi 發布于2019-08-20 15:47 / 2398人閱讀

摘要：退出全屏全屏顯示大家可以微信添加訂閱號冷星學前端，同步更新文章內容

退出全屏

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:大家可以微信添加訂閱號“冷星學前端”，同步更新文章內容

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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