JS控制全屏，监听退出全屏事件实现⽅案
//进⼊全屏
function requestFullScreen(de) {
可歌可泣什么意思
questFullscreen){
//W3C
}el if (de.mozRequestFullScreen){
//FIREFOX
}el if (de.webkitRequestFullScreen){
//CHROME
肚子疼的故事
de.webkitRequestFullScreen();
}el if (de.msRequestFullscreen){
//MSIE
de.msRequestFullscreen();
}el if(element.oRequestFullscreen){
element.oRequestFullscreen();
}el{
var docHtml = document.documentElement;
var docBody = document.body;
var videobox = ElementById('playerBox');
var cssText = 'width:100%;height:100%;overflow:hidden;';
docHtml.style.cssText = cssText;
docBody.style.cssText = cssText;
videobox.style.cssText = cssText+';'+'margin:0px;padding:0px;';
document.IsFullScreen = true;
}
}
//退出全屏
function exitFullscreen(de) {
if (de.exitFullscreen) {
//W3C
小学生小说
}el CancelFullScreen){
//FIREFOX
}el if(de.webkitCancelFullScreen){
//CHROME
de.webkitCancelFullScreen();
}el if(de.msExitFullscreen){
//MSIE
de.msExitFullscreen();
}el if(de.oRequestFullscreen){
de.oCancelFullScreen();
}el{
六体千字文
var docHtml = document.documentElement;
var docBody = document.body;
var videobox = ElementById('playerBox');
docHtml.style.cssText = "";
docBody.style.cssText = "";
videobox.style.cssText = "";
document.IsFullScreen = fal;
}
}
上⾯的⽅案，⼀堆if...el...，看起来实在不爽，下⾯是根据⼤神⽅案优化后的⽅案
/
/全屏功能
var elem = ElementById("dashboard_id");
elem.style.width = "100%";
elem.style.height = "100%";
elem.style.overflowY = "scroll";
requestFullScreen(elem); // 某个页⾯元素
//requestFullScreen(document.documentElement); // 整个⽹页
};
function requestFullScreen(element) {
// 判断各种浏览器，找到正确的⽅法
孺子婴var requestMethod = questFullScreen || //W3C
杜鹃科element.webkitRequestFullScreen || //FireFox
element.msRequestFullScreen; //IE11
if (requestMethod) {
requestMethod.call(element);
} el if (typeof window.ActiveXObject !== "undefined") { //for Internet Explorer
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
wscript.SendKeys("{F11}");
}
}
}
//退出全屏判断浏览器种类
function exitFull() {
// 判断各种浏览器，找到正确的⽅法
var exitMethod = itFullscreen || //W3C
document.webkitExitFullscreen || //Chrome等
document.webkitExitFullscreen; //IE11
if (exitMethod) {
exitMethod.call(document);
} el if (typeof window.ActiveXObject !== "undefined") { //for Internet Explorer
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
圆通什么时候上班wscript.SendKeys("{F11}");
带于的成语}
}
}
监听退出全屏事件
//监听退出全屏事件
if (!checkFull()) {
/
/要执⾏的动作
$("#dashboard_id").removeClass('expand').addClass('contract');//这⾥捡个懒，直接⽤JQ来改className
}
}
function checkFull() {
var isFull = document.fullscreenEnabled || window.fullScreen || document.webkitIsFullScreen || document.msFullscreenEnabled;
//to fix : fal || undefined == undefined
if (isFull === undefined) {isFull = fal;}
return isFull;
}
