>[info] 全屏切換 ~~~ /** * 讓瀏覽器全屏切換 * @param el dom * @param fullscreen 是否全屏 * @returns {boolean} 全屏狀態 */ export function toggleFullscreen(el, fullscreen) { if (!el) { el = document.documentElement; } if (typeof fullscreen === 'undefined' || fullscreen === null) { fullscreen = !isFullscreen(); } if (fullscreen) { const rfs = ( el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen ); if (rfs) { rfs.call(el); } else { throw new Error('您的瀏覽器不支持全屏模式'); } } else { const cfs = ( document.exitFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.msExitFullscreen ); if (cfs) { cfs.call(document); } } return fullscreen; } ~~~ * **使用：** ~~~ /* 全屏切換 */ changeFullscreen() { try { this.fullscreen = toggleFullscreen(); } catch (e) { this.$message.error("您的瀏覽器不支持全屏模式"); } }, ~~~ ~~~ data() { return { // 是否全屏狀態 fullscreen: false }; }, ~~~ >[info] 檢查全屏狀態 ~~~ /** * 獲取當前是否是全屏狀態 * @returns {boolean} */ export function isFullscreen() { return !!( document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement ); } ~~~ * **使用：** ~~~ /* 檢查全屏狀態 */ checkFullscreen() { this.fullscreen = isFullscreen(); }, ~~~