点击控件报表全屏JS

因为最近大屏展示的电脑没接键盘，需要用到点击的方式使网页报表全屏，所以加了这个功能，分享给小伙伴们。在要用的控件的事件里添加如下的代码就可以实现。

1. var docElm = document.documentElement;
   
2. var explorer = window.navigator.userAgent.toLowerCase();
   
3. if(explorer.indexOf('chrome')>0){//webkit
   
4.      if (document.body.scrollHeight === window.screen.height && document.body.scrollWidth === window.screen.width) {
   
5.      if (document.exitFullscreen) {
   
6.       document.exitFullscreen();
   
7.     }
   
8.     else if (document.msExitFullscreen) {
   
9.       document.msExitFullscreen();
   
10.     }
    
11.     else if (document.mozCancelFullScreen) {
    
12.       document.mozCancelFullScreen();
    
13.     }
    
14.     else if (document.webkitCancelFullScreen) {
    
15.       document.webkitCancelFullScreen();
    
16.     }
    
17.   
    
18.          } else {
    
19.              //W3C
    
20.                 if(docElm.requestFullscreen){
    
21.                         docElm.requestFullscreen();
    
22.                 }
    
23.                 //FireFox
    
24.                 else if(docElm.mozRequestFullScreen){
    
25.                         docElm.mozRequestFullScreen();
    
26.                 }
    
27.                 //Chrome等
    
28.                 else if(docElm.webkitRequestFullScreen){
    
29.                         docElm.webkitRequestFullScreen();
    
30.                 }
    
31.                 //IE11
    
32.                 else if(elem.msRequestFullscreen){
    
33.                         elem.msRequestFullscreen();
    
34.                 }
    
35.          }
    
36. }else{//IE 9+  fireFox
    
37. if (window.outerHeight === window.screen.height && window.outerWidth === window.screen.width) {
    
38.      if (document.exitFullscreen) {
    
39.       document.exitFullscreen();
    
40.     }
    
41.     else if (document.msExitFullscreen) {
    
42.       document.msExitFullscreen();
    
43.     }
    
44.     else if (document.mozCancelFullScreen) {
    
45.       document.mozCancelFullScreen();
    
46.     }
    
47.     else if (document.webkitCancelFullScreen) {
    
48.       document.webkitCancelFullScreen();
    
49.     }
    
50.          } else {
    
51.                     //W3C
    
52.                 if(docElm.requestFullscreen){
    
53.                         docElm.requestFullscreen();
    
54.                 }
    
55.                 //FireFox
    
56.                 else if(docElm.mozRequestFullScreen){
    
57.                         docElm.mozRequestFullScreen();
    
58.                 }
    
59.                 //Chrome等
    
60.                 else if(docElm.webkitRequestFullScreen){
    
61.                         docElm.webkitRequestFullScreen();
    
62.                 }
    
63.                 //IE11
    
64.                 else if(elem.msRequestFullscreen){
    
65.                         elem.msRequestFullscreen();
    
66.                 }
    
67.          }
    
68. }
    

复制代码

楼主很是威武，虽然平台中有全屏不过需要点击两下，真是厉害了我的哥

666啊

秋云妹子有同款，JS实现全屏预览效果-http://help.finereport.com/doc-view-1788.html

谢谢大佬

有没有不用点击，打开就全屏的方法啊。试了半天，实现不了