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

1188 ℃

功能介绍:想用按钮控制页面进入全屏和退出全屏,下面给大家介绍几个函数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如何在文章新增字体大小按钮
wordpress如何设置自动发布文章功能
css如何解决文字和图片对不齐的问题
js刷新当前页面的4种方法
Vue入门需要掌握哪些知识