Click the button to switch between entering full screen and exiting full screen

 1 <script>
 2     // 进入全屏：
 3     function entryFullScreen() {
 4         var docE = document.documentElement;
 5         if (docE.requestFullScreen) {
 6             docE.requestFullScreen();
 7         } else if (docE.mozRequestFullScreen) {
 8             docE.mozRequestFullScreen();
 9         } else if (docE.webkitRequestFullScreen) {
10             docE.webkitRequestFullScreen();
11         }
12     }
13 
14      // Exit fullscreen 
15      function exitFullScreen() {
 16          var docE = document;
 17          if (docE.exitFullscreen) {
 18              docE.exitFullscreen();
 19          } else  if (docE.mozCancelFullScreen) {
 20              docE.mozCancelFullScreen();
 21          } else  if (docE.webkitCancelFullScreen) {
 22              docE.webkitCancelFullScreen();
 23          }
 24          // Enable full screen 
25      form.on('switch(fullscreen)',function (data){
 26          var   fValue= data.elem.checked;
 27          localStorage.setItem('funnscreen_info' ,fValue);
 28      });
 29      $(document).ready( function (){
 30          var fScreen=localStorage.getItem ('fullscreen_info' );
 31          if (fScreen&&fScreen!='false' ){
 32              var fScreenIndex=layer.alert('Press ESC to exit fullscreen' ,{
 33                  title:'Enter fullscreen prompt information' ,
 34                  skin:'layui-layer -lan' ,
 35                  closeBtn:0,
 36                  anim:4 ,
 37                  offset:'100px'
 38              }, function (){
 39                  entryFullScreen();
 40                      $('#FullScreen').html('<i class="larry-icon larry-quanping">< /i>Exit fullscreen' );
 41                      layer.close(fScreenIndex);
 42                  }
 43              )
 44          }
 45      })
 46          // Switch to full screen 
47          $('#FullScreen').bind('click', function () {
 48              var fullscreenElement =
49                 document.fullscreenElement ||
50                 document.mozFullScreenElement ||
51                 document.webkitFullscreenElement;
52             if (fullscreenElement == null) {
53                 entryFullScreen();
54                 $(this).html('<i class="larry-icon"></i>退出全屏');
55             } else {
56                 exitFullScreen();
57                 $(this).html('<i class="larry-icon"></i>全屏');
58             }
59         })
60 </script>