dom-full-screen/index.js

Full screen a DOM element

/*
 * Author  rhys.zhao
 * Date  2021-08-12 21:55:58
 * LastEditors  rhys.zhao
 * LastEditTime  2021-09-16 13:22:00
 * Description  全屏方法，默认全屏整个document元素
 */

// 是否全屏状态
const isFullscreen = () => {
    return  !!(document.fullscreenElement || document.mozFullScreen || document.webkitIsFullscreen || document.msFullscreenEnabled);
}
// 进入全屏状态
const launchFullscreen = (elt = document.documentElement) => {
    (elt.requestFullscreen || elt.mozRequestFullScreen || elt.webkitRequestFullscreen || elt.msRequestFullscreen).call(elt);
}
// 退出全屏状态
const exitFullscreen = () => {
    (document.exitFullscreen || document.mozCancelFullScreen || document.webkitExitFullscreen || document.msExitFullscreen).call(document);
}
// 如果全屏，退出全屏；如果不是全屏，进入全屏
const fullscreen = (elt) => {
    (isFullscreen() ? exitFullscreen : launchFullscreen)(elt);
}

export { isFullscreen, launchFullscreen, exitFullscreen, fullscreen };