JS实现网页全屏与退出全屏
来源:互联网 发布:股票持仓软件 编辑:程序博客网 时间:2024/05/17 02:24
$('#alarm-fullscreen-toggler').on('click', function(e) {var element = document.documentElement;if (!$('body').hasClass("full-screen")) {$('body').addClass("full-screen");$('#alarm-fullscreen-toggler').addClass("active");if (element.requestFullscreen) {element.requestFullscreen();} else if (element.mozRequestFullScreen) {element.mozRequestFullScreen();} else if (element.webkitRequestFullscreen) {element.webkitRequestFullscreen();} else if (element.msRequestFullscreen) {element.msRequestFullscreen();}} else {$('body').removeClass("full-screen");$('#alarm-fullscreen-toggler').removeClass("active");if (document.exitFullscreen) {document.exitFullscreen();} else if (document.mozCancelFullScreen) {document.mozCancelFullScreen();} else if (document.webkitCancelFullScreen) {document.webkitCancelFullScreen();} else if (document.msExitFullscreen) {document.msExitFullscreen();}}});
全屏方法1:
var el = document.documentElement;
var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
if (typeof rfs != "undefined" && rfs) {
rfs.call(el);
} else if (typeof window.ActiveXObject != "undefined") {
var wscript = new ActiveXObject("WScript.Shell");
if (wscript != null) {
wscript.SendKeys("{F11}");
}
}
全屏方法2:
var docElm = document.documentElement;
//W3C
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
}
//FireFox
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
}
//Chrome等
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}
//IE11
else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
退出全屏:
if (document.exitFullscreen) {
document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
- JS实现网页全屏与退出全屏
- JS实现网页全屏与退出全屏
- JS实现网页全屏和退出
- JS实现浏览器全屏和退出全屏
- JS实现HTML中frameset浏览器全屏和退出全屏
- 用js控制进入全屏,退出全屏
- js 页面全屏,退出全屏, fullScreen
- JS控制全屏,监听退出全屏事件
- 网页怎么退出全屏,网页退出全屏有哪些快捷键?
- Android动态全屏与退出全屏
- Android动态全屏与退出全屏
- 手动开启全屏与手动退出全屏
- android去标题栏与全屏,动态全屏与退出全屏
- H5实现浏览器全屏API(全屏进入和全屏退出)
- html5实现网页全屏
- 全屏和退出全屏
- 全屏及退出全屏
- putty的全屏与退出,SecureCRT的全屏与退出
- spring依赖注入
- iOS开发ARC内存管理技术要点
- 字符串反转,单词反转
- 在浏览器地址栏按回车、F5、Ctrl+F5刷新网页的区别
- QSlider和QLCDNumber 滑块 LCD
- JS实现网页全屏与退出全屏
- CSS content换行技术实现字符animation loading效果
- CoordinatorLayout使用中的坑
- 学习小记-MySQL
- 第三周的第一天,心情很down。
- Edittext判断输入是否为数字(包含小数点)
- iScroll上拉加载下拉刷新 -> 遇到的问题
- Javascript的this用法
- 传递userdata到lua