web端原生js实现全屏和退出全屏（F11功能）
原生js实现web端全屏和退出全屏功能
·
一.在项目中使用按钮进行控制全屏功能
1. 选中要实现全屏功能的元素（一般是一个按钮）
var $fullBtn = document.querySelector('.fullBtn') //全屏按钮
2. 选中要全屏的元素（全屏一般是body全屏就ok）
var $fullScreen = document.querySelector('body') //获取到整个页面的body
3. 监听全屏按钮实现全屏效果，代码如下：
二.在项目中使用按钮进行退出全屏操作
1. 选中要退出全屏功能的元素（一般是一个按钮）
var $cancelBtn = document.querySelector(".cancelBtn") //退出按钮
2. 监听退出全屏按钮实现的退出全屏效果，代码如下：
三.在项目中使用Esc按钮实现退出全屏（此处不用做操作，电脑自带可以退出，但是在此监听Esc按钮是为了让“全屏按钮”消失，要不然不好看）
代码如下：
智屏生态联盟致力于大屏生态发展，利用大屏快应用技术降低开发者开发、发布大屏应用门槛
更多推荐
8
0- 0
已为社区贡献1条内容
所有评论(0)