JS控制全屏,监听退出全屏事件

更新时间:2023-07-08 08:20:56 阅读: 评论:0

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;
}

本文发布于:2023-07-08 08:20:56,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1072710.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:全屏   退出   监听   事件   浏览器   判断   时候
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图