进入全屏 退出全屏

进入全屏 退出全屏

//进入全屏
export function requestFullScreen(element) {
    if(isFullScreen()) return
    const dom = document.querySelector(element) || document.documentElement
    //W3C
    if (dom.requestFullscreen) {
        dom.requestFullscreen()
    }
    // 谷歌
    else if (dom.webkitRequestFullScreen) {
        dom.webkitRequestFullScreen()
    }
    //FireFox
    else if (dom.mozRequestFullScreen) {
        dom.mozRequestFullScreen()
    }
    //IE11
    else if(elem.msRequestFullscreen) {
        elem.msRequestFullscreen();
    }
}
//退出全屏
export function exitFullscreen() {
    if(!isFullScreen()) return
    //W3C
    if (document.exitFullscreen) {
        document.exitFullscreen()
    }
    //Chrome等
    else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen()
    }
    //FireFox
    else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen()
    }
    //IE11
    else if(document.msExitFullscreen) {
        document.msExitFullscreen()
    }
}
// 判断当前是否是全屏
export function isFullScreen() {
    return !!(
        document.webkitIsFullScreen ||
        document.mozFullScreen ||
        document.msFullscreenElement ||
        document.fullscreenElement
    )
}

export function listenFullScreenChangeEvent (callback) {
    document.addEventListener('fullscreenchange', callback)
    document.addEventListener('mozfullscreenchange', callback)
    document.addEventListener('webkitfullscreenchange', callback)
    document.addEventListener('msfullscreenchange', callback)
}

export function removeFullScreenChangeEvent (callback) {
    document.removeEventListener('fullscreenchange', callback)
    document.removeEventListener('mozfullscreenchange', callback)
    document.removeEventListener('webkitfullscreenchange', callback)
    document.removeEventListener('msfullscreenchange', callback)
}