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

1014 ℃

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

Git如何撤销对文件的修改?如何解决Git合并冲突?
js语法中如何使用回调函数callback(优势)
js用最简单的方法实现2个数组的交叉一对一合并
帝国cms用灵动标签做的友情连接方法
js如何获取当前对象的类型(number/string/boolean)