fullScreen.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. function fullScreen(e) {
  2. $('#monthSelect').hide()
  3. $('#quarter').hide()
  4. $("#exitFullScreen").css("display", "show");
  5. $("#fullScreen").css("display", "");
  6. $('.excel-style').css('width', $(window.top).width())
  7. $('.excel-style').css('height', window.screen.height)
  8. var isFullscreen = document.fullScreenElement //W3C
  9. ||
  10. document.msFullscreenElement //IE
  11. ||
  12. document.mozFullScreenElement //火狐
  13. ||
  14. document.webkitFullscreenElement //谷歌
  15. ||
  16. false;
  17. if (!isFullscreen) {
  18. var el = document.documentElement;
  19. if (el.requestFullscreen) {
  20. el.requestFullscreen();
  21. } else if (el.mozRequestFullScreen) {
  22. el.mozRequestFullScreen();
  23. } else if (el.webkitRequestFullscreen) {
  24. el.webkitRequestFullscreen();
  25. } else if (el.msRequestFullscreen) {
  26. el.msRequestFullscreen();
  27. }
  28. } else {
  29. if (document.exitFullscreen) {
  30. document.exitFullscreen();
  31. } else if (document.msExitFullscreen) {
  32. document.msExitFullscreen();
  33. } else if (document.mozCancelFullScreen) {
  34. document.mozCancelFullScreen();
  35. } else if (document.webkitCancelFullScreen) {
  36. document.webkitCancelFullScreen();
  37. }
  38. }
  39. }
  40. //退出全屏
  41. function exitFullscreen() {
  42. $('#monthSelect').show()
  43. $("#exitFullScreen").css("display", "");
  44. $("#fullScreen").css("display", "show");
  45. $('.excel-style').css('width', '100%')
  46. $('.excel-style').css('height', '97%')
  47. var isFullscreen = document.fullScreenElement //W3C
  48. ||
  49. document.msFullscreenElement //IE
  50. ||
  51. document.mozFullScreenElement //火狐
  52. ||
  53. document.webkitFullscreenElement //谷歌
  54. ||
  55. false;
  56. if (!isFullscreen) {
  57. var el = document.documentElement;
  58. if (el.requestFullscreen) {
  59. el.requestFullscreen();
  60. } else if (el.mozRequestFullScreen) {
  61. el.mozRequestFullScreen();
  62. } else if (el.webkitRequestFullscreen) {
  63. el.webkitRequestFullscreen();
  64. } else if (el.msRequestFullscreen) {
  65. el.msRequestFullscreen();
  66. }
  67. } else {
  68. if (document.exitFullscreen) {
  69. document.exitFullscreen();
  70. } else if (document.msExitFullscreen) {
  71. document.msExitFullscreen();
  72. } else if (document.mozCancelFullScreen) {
  73. document.mozCancelFullScreen();
  74. } else if (document.webkitCancelFullScreen) {
  75. document.webkitCancelFullScreen();
  76. }
  77. }
  78. }