JavaScript 启用全屏显示/退出全屏模式

// 自动切换
function toggleFullScreen() {var isFull = document.fullscreenElement || document.msFullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || false;if (isFull != false) {exitFullscreen();} else {requestFullscreen(window.document.documentElement); // 页面全屏// requestFullscreen(document.getElementById("mainContent")); // 内容全屏}
}// 进入全屏
var requestFullscreen = function (ele) {if (ele.requestFullscreen) {ele.requestFullscreen();} else if (ele.webkitRequestFullscreen) {ele.webkitRequestFullscreen();} else if (ele.mozRequestFullScreen) {ele.mozRequestFullScreen();} else if (ele.msRequestFullscreen) {ele.msRequestFullscreen();} else {//console.log('Fullscreen API is not supported.');}
};// 退出全屏
var exitFullscreen = function () {if (document.exitFullscreen) {document.exitFullscreen();} else if (document.webkitExitFullscreen) {document.webkitExitFullscreen();} else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();} else if (document.msExitFullscreen) {document.msExitFullscreen();} else {//console.log('Fullscreen API is not supported.');}
};

JavaScript 启用全屏显示/退出全屏模式相关推荐

使用JAVASCRIPT进行全屏显示页面，就像触摸屏显示效果
使用JAVASCRIPT进行全屏显示页面,就像触摸屏显示效果 <script type="text/javascript"> window.onload ...
js控制全屏显示/退出全屏的方法
退出全屏 var exitFullScreen = function() {var e = document;e.exitFullscreen ? e.exitFullscreen() : e.moz ...
js控制全屏显示/退出全屏的方法 1
退出全屏 var exitFullScreen = function() {var e = document;e.exitFullscreen ? e.exitFullscreen() : e.moz ...
html5老是自动退出全屏,JavaScript实现全屏和退出全屏功能
我们有时候需要手动去设置浏览器全屏事件,这里写了一个函数, //兼容谷歌火狐 IE 全屏操作代码class EventListen { constructor () { this.handers ...
html 设置浏览器全屏显示,JavaScript控制浏览器全屏显示简单示例
本文实例讲述了JavaScript控制浏览器全屏显示.分享给大家供大家参考,具体如下: www.jb51.net JS全屏显示全屏显示退出全屏 // 判断各种浏览器,找到正确的方法 functio ...
linux控制台则怎么退出全屏,JS 全屏和退出全屏详解及实例代码
JS 全屏和退出全屏 js实现浏览器窗口全屏和退出全屏的功能,市面上主流浏览器如:谷歌.火狐.360等都是兼容的,不过IE低版本有点瑕疵(全屏状态下仍有底部的状态栏). 这个demo基本是够了,直接复 ...
python退出全屏_实现网页全屏和退出全屏JS代码，多浏览器兼容
js全屏和退出全屏代码|www.125jz.com 全屏显示退出全屏 function requestFullScreen(element) { // 判断各种浏览器,找到正确的方法 var req ...
退出全屏html,js全屏和退出全屏代码范例
js实现浏览器窗口全屏和退出全屏的功能,市面上主流浏览器如:谷歌.火狐.360等都是兼容的,不过IE低版本有点瑕疵(全屏状态下仍有底部的状态栏). 这个demo基本是够了,直接复制下面的源码另存为ht ...
h5页面实现浏览器全屏显示
目录开启全屏显示退出全屏显示获取当前是否全屏状态开启全屏显示 let el = document.documentElement; // 不同浏览器兼容方法调用 if(el.requestFu ...

JavaScript 启用全屏显示/退出全屏模式

JavaScript 启用全屏显示/退出全屏模式相关推荐

最新文章

热门文章