dom-full-screen
Version:
Full screen a DOM element
26 lines (24 loc) • 1.01 kB
JavaScript
/*
* 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 };