页面进入全屏和取消全屏

芒果沙冰哟

于 2024-08-16 15:57:32 发布

阅读量137

点赞数 4

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_61476911/article/details/141262097

版权

// 进入全屏

const requestFullscreen = () => {

const docElm = document.documentElement

//W3C

if (docElm.requestFullscreen) {

docElm.requestFullscreen()

}

//FireFox

if (docElm.mozRequestFullScreen) {

docElm.mozRequestFullScreen()

}

//Chrome等

if (docElm.webkitRequestFullScreen) {

docElm.webkitRequestFullScreen()

}

//IE11

if (docElm.msRequestFullscreen) {

docElm.msRequestFullscreen()

}

}

// 取消全屏

const cancelFullScreen = () => {

//W3C

if (document.exitFullscreen) {

document.exitFullscreen()

}

//FireFox

if (document.mozCancelFullScreen) {

document.mozCancelFullScreen()

}

//Chrome等

if (document.webkitCancelFullScreen) {

document.webkitCancelFullScreen()

}

//IE11

if (document.msExitFullscreen) {

document.msExitFullscreen()

}

}