js按钮控制全屏和退出全屏

1165 ℃

功能介绍:想用按钮控制页面进入全屏和退出全屏,下面给大家介绍几个函数requestFullscreenexitFullScreen,不同浏览器名称不一样!

1、进入全屏

var docElm = document.documentElement;
if (docElm.requestFullscreen) {  //W3C
	docElm.requestFullscreen();
} else if (docElm.mozRequestFullScreen) {   //FireFox
	docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {  //Chrome等
	docElm.webkitRequestFullScreen();
} else if (elem.msRequestFullscreen) {  //IE11
	elem.msRequestFullscreen();
}

2、退出全屏

if (document.exitFullScreen) {
	document.exitFullScreen();
} else if (document.mozCancelFullScreen) {
	document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
	document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
	document.msExitFullscreen();
}

进入前端入门建站教程官网入口

vue项目中如何实现页面全屏功能

javscript获取本月的开始日期和结束日期(包括上个月、下个月)

js监听浏览器刷新及关闭(第一次进入)

js实现对象for循环遍历赋值

js创建一个指定长度数组(根据数字显示数组长度)

标签: js, 全屏, 页面全屏

上面是“js按钮控制全屏和退出全屏”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2248.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
wordpress调用当前分类下所有文章(代码介绍)
7233游戏盒
解读DotNet.CAP开源分布式框架!
php哪些函数可以增加一天时间戳
推荐一个免费商用摄影图库FFCU