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

1056 ℃

功能介绍:想用按钮控制页面进入全屏和退出全屏,下面给大家介绍几个函数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,我们会在看到邮件的第一时间内为您处理!

织梦dede实现列表页双样式和列表样式循环交替
dedecms织梦如何防图片被盗链?
帝国cms如何判断分类信息是否过期
js把多维数组的子集数组全部遍历成同级
一款AIGC Web应用的开源 UI 组件库——Lobe UI