dom-full-screen
Version:
Full screen a DOM element
42 lines (30 loc) • 1.43 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.fullscreen = exports.exitFullscreen = exports.launchFullscreen = exports.isFullscreen = void 0;
/*
* Author rhys.zhao
* Date 2021-08-12 21:55:58
* LastEditors rhys.zhao
* LastEditTime 2021-09-16 13:22:00
* Description 全屏方法,默认全屏整个document元素
*/
// 是否全屏状态
var isFullscreen = function isFullscreen() {
return !!(document.fullscreenElement || document.mozFullScreen || document.webkitIsFullscreen || document.msFullscreenEnabled);
}; // 进入全屏状态
exports.isFullscreen = isFullscreen;
var launchFullscreen = function launchFullscreen() {
var elt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.documentElement;
(elt.requestFullscreen || elt.mozRequestFullScreen || elt.webkitRequestFullscreen || elt.msRequestFullscreen).call(elt);
}; // 退出全屏状态
exports.launchFullscreen = launchFullscreen;
var exitFullscreen = function exitFullscreen() {
(document.exitFullscreen || document.mozCancelFullScreen || document.webkitExitFullscreen || document.msExitFullscreen).call(document);
}; // 如果全屏,退出全屏;如果不是全屏,进入全屏
exports.exitFullscreen = exitFullscreen;
var fullscreen = function fullscreen(elt) {
(isFullscreen() ? exitFullscreen : launchFullscreen)(elt);
};
exports.fullscreen = fullscreen;