Google按ESC退出全屏(带iframe网站)解决问题方案

Posted 木之子梦之蝶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Google按ESC退出全屏(带iframe网站)解决问题方案相关的知识,希望对你有一定的参考价值。

(function () {

var viewFullScreen = document.getElementById("view-fullscreen");

if (viewFullScreen){

viewFullScreen.addEventListener("click", function (){

var docElm = document.documentElement;

if (docElm.requestFullscreen){

docElm.requestFullscreen();

}else if (docElm.msRequestFullscreen) {

docElm = document.body;//overwrite the element (for IE) docElm.msRequestFullscreen();

}else if (docElm.mozRequestFullScreen){

docElm.mozRequestFullScreen();

} else if (docElm.webkitRequestFullScreen) {

docElm.webkitRequestFullScreen();

}

}, false);

}

}

window.onresize = function(){

// alert(screenSatus)

if(f_IsFullScreen() == true){

$(".tab-menu").hide(500);

}else{

$(".tab-menu").show();

}

};

//判断浏览器是否全屏

function f_IsFullScreen() {

  return (document.body.scrollHeight == window.screen.height && document.body.scrollWidth == window.screen.width);

}

以上是关于Google按ESC退出全屏(带iframe网站)解决问题方案的主要内容,如果未能解决你的问题,请参考以下文章

javafx 全屏时去掉提示信息 按ESC退出全屏。

bootstrap modal在弹出框中播放视频,全屏后chrome按esc后不仅退出视频也退出了modal

VC中基于Dialog的播放器如何按“ESC”键推出全屏

vue中实现浏览器全屏与退出全屏功能

Vue项目中监听全屏事件,实现全屏功能和按esc退出全屏(解决全屏踩坑难题)

Vue项目中监听全屏事件,实现全屏功能和按esc退出全屏(解决全屏踩坑难题)