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 // 退出全屏
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 // 全屏开启
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('按ESC退出全屏',{
33 title:'进入全屏提示信息',
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>退出全屏');
41 layer.close(fScreenIndex);
42 }
43 )
44 }
45 })
46 // 全屏切换
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>