fullScreen.ts 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. //全屏
  2. function requestFullScreen(element?: any) {
  3. var de = document?.querySelector(element) || document?.documentElement;
  4. if (de?.requestFullscreen) {
  5. de?.requestFullscreen();
  6. } else if (de.mozRequestFullScreen) {
  7. de?.mozRequestFullScreen();
  8. } else if (de?.webkitRequestFullScreen) {
  9. de?.webkitRequestFullScreen();
  10. }
  11. }
  12. //退出全屏
  13. function exitFullScreen(element?: any) {
  14. if (document?.exitFullscreen) {
  15. document?.exitFullscreen();
  16. } else if ((document as any)?.mozCancelFullScreen) {
  17. (document as any)?.mozCancelFullScreen();
  18. } else if ((document as any)?.webkitExitFullscreen) {
  19. (document as any)?.webkitExitFullscreen();
  20. } else if ((document as any)?.msExitFullscreen) {
  21. (document as any)?.msExitFullscreen();
  22. }
  23. }
  24. //判断是否全屏
  25. function isFull() {
  26. if (document?.fullscreenElement || (document as any)?.webkitFullscreenElement || (document as any)?.mozFullScreenElement || (document as any)?.msFullscreenElement) {
  27. return true
  28. }
  29. return false
  30. }
  31. function quanpin(el: any) {
  32. if (document?.fullscreenElement || (document as any)?.webkitFullscreenElement || (document as any)?.mozFullScreenElement || (document as any)?.msFullscreenElement) {
  33. exitFullScreen()
  34. localStorage.setItem('isFell','0')
  35. } else {
  36. if (el?.requestFullscreen) {
  37. el?.requestFullscreen();
  38. } else if (el?.mozRequestFullScreen) {
  39. el?.mozRequestFullScreen();
  40. } else if (el?.webkitRequestFullScreen) {
  41. el?.webkitRequestFullScreen();
  42. }
  43. localStorage.setItem('isFell','1')
  44. }
  45. }
  46. export { requestFullScreen, exitFullScreen, isFull, quanpin }