fullscreen.ts 1009 B

123456789101112131415161718192021222324252627
  1. // 进入全屏
  2. export const enterFullscreen = () => {
  3. const docElm = document.documentElement
  4. if (docElm.requestFullscreen) docElm.requestFullscreen()
  5. else if (docElm.mozRequestFullScreen) docElm.mozRequestFullScreen()
  6. else if (docElm.webkitRequestFullScreen) docElm.webkitRequestFullScreen()
  7. else if (docElm.msRequestFullscreen) docElm.msRequestFullscreen()
  8. }
  9. // 退出全屏
  10. export const exitFullscreen = () => {
  11. if (document.exitFullscreen) document.exitFullscreen()
  12. else if (document.mozCancelFullScreen) document.mozCancelFullScreen()
  13. else if (document.webkitExitFullscreen) document.webkitExitFullscreen()
  14. else if (document.msExitFullscreen) document.msExitFullscreen()
  15. }
  16. // 判断是否全屏
  17. export const isFullscreen = () => {
  18. const fullscreenElement =
  19. document.fullscreenElement ||
  20. document.mozFullScreenElement ||
  21. document.webkitFullscreenElement ||
  22. document.msFullscreenElement ||
  23. document.webkitCurrentFullScreenElement
  24. return !!fullscreenElement
  25. }