fullScreen.js 2.5 KB

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