```js // 切換全屏/退出全屏 export const fullscreenToggel = () => { if (fullscreenEnable()) { exitFullScreen(); } else { reqFullScreen(); } }; /** * esc監聽全屏 */ export const listenfullscreen = (callback) => { function listen() { callback() } document.addEventListener("fullscreenchange", function () { listen(); }); document.addEventListener("mozfullscreenchange", function () { listen(); }); document.addEventListener("webkitfullscreenchange", function () { listen(); }); document.addEventListener("msfullscreenchange", function () { listen(); }); }; /** * 瀏覽器判斷是否全屏 */ export const fullscreenEnable = () => { return document.isFullScreen || document.mozIsFullScreen || document.webkitIsFullScreen } /** * 瀏覽器全屏 */ export const reqFullScreen = () => { if (document.documentElement.requestFullScreen) { document.documentElement.requestFullScreen(); } else if (document.documentElement.webkitRequestFullScreen) { document.documentElement.webkitRequestFullScreen(); } else if (document.documentElement.mozRequestFullScreen) { document.documentElement.mozRequestFullScreen(); } }; /** * 瀏覽器退出全屏 */ export const exitFullScreen = () => { if (document.documentElement.requestFullScreen) { document.exitFullScreen(); } else if (document.documentElement.webkitRequestFullScreen) { document.webkitCancelFullScreen(); } else if (document.documentElement.mozRequestFullScreen) { document.mozCancelFullScreen(); } }; ```