Js 实现全屏
2024-09-02 16:08:00
<input id="Button1" type="button" value="开始全屏" onclick="kaishi()" />
<input id="Button2" type="button" value="关闭全屏" onclick="guanbi()" /> <script>
function kaishi()
{
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();
}
} function guanbi() { if (document.exitFullscreen) {
document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
} document.addEventListener("fullscreenchange", function () { fullscreenState.innerHTML = (document.fullscreen) ? "" : "not ";
}, false); document.addEventListener("mozfullscreenchange", function () { fullscreenState.innerHTML = (document.mozFullScreen) ? "" : "not ";
}, false); document.addEventListener("webkitfullscreenchange", function () { fullscreenState.innerHTML = (document.webkitIsFullScreen) ? "" : "not ";
}, false); document.addEventListener("msfullscreenchange", function () { fullscreenState.innerHTML = (document.msFullscreenElement) ? "" : "not ";
}, false);
</script>
最新文章
- 华为5G空口新技术(2015年)
- 转:10年程序员谈.Net程序员的职业规划
- MySQL 绿色版(zip) 安装
- 审计参数 audit_trail
- bzoj1536: [POI2005]Akc- Special Forces Manoeuvres
- datagridview中combobox类型的cell选中一个下拉列表之后,立即生效的事件
- 搭建LAMP测试环境
- javaweb学习总结(二十八)——JSTL标签库之核心标签
- 【iOS开发-从网络上获取图片尺寸】
- Qt监测光驱变化(使用WM_DEVICECHANGE)
- GoogleCodeJam
- .bat文件设置IP、DNS
- python中的基础2
- 从0到有,虚拟机安装centos,然后ssh连接虚拟机
- tar 的–exclude参数,实现不包括某些文件(转)
- Null hypothesis TypeⅠerror Type Ⅱ error
- 洛谷P1972 [SDOI2009]HH的项链 题解
- C# FileStream 文件复制
- DDBS
- 【JS】 伪主动触发input:file的click事件