js控制全屏显示

最新推荐文章于 2024-01-22 13:13:28 发布

小__粽子

最新推荐文章于 2024-01-22 13:13:28 发布

阅读量218

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_43792409/article/details/129066954

版权

FullScreen() {
let el = document.getElementById(dashBoard);
let isFullscreen =
document.fullScreen ||
document.mozFullScreen ||
document.webkitIsFullScreen;
if (!isFullscreen) {
// 进入全屏,多重短路表达式
(el.webkitRequestFullscreen && el.webkitRequestFullscreen()) ||
(el.requestFullscreen && el.requestFullscreen()) ||
(el.mozRequestFullScreen && el.mozRequestFullScreen()) ||
(el.msRequestFullscreen && el.msRequestFullscreen());
return true;
} else {
// 退出全屏
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
return false;
}
},