【Code】web全屏和取消全屏

window._isFullScreen = false;

 const fullScreen = (containerDom) => {
    if(window._isFullScreen){
        return
    }
    // const containerDom = document.documentElement
    if (containerDom.requestFullscreen) {
        containerDom.requestFullscreen()
    } else if (containerDom.mozRequestFullScreen) {
        containerDom.mozRequestFullScreen()
    } else if ((containerDom as any).webkitRequestFullScreen) {
        containerDom.webkitRequestFullScreen()
    } else if (containerDom.msRequestFullscreen) {
        containerDom.msRequestFullscreen()
    }
    window._isFullScreen = true;
}

const cancelFullScreen = () => {
    if(!window._isFullScreen){
        return
    }
    if (document.exitFullscreen) {
        document.exitFullscreen()
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen()
    } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen()
    } else if ((document as any).msCancelFullScreenn) {
        document.msCancelFullScreen()
    }
    window._isFullScreen = false;
}
``