alternância de tela cheia

1 <script> 
 2 //进入全屏: 
 3 função entryFullScreen () { 
 4 var Doce = document.documentElement; 
 5 se (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 função exitFullScreen () { 
16 var Doce = documento; 
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 ( 'interruptor (tela cheia)', função (dados) { 
26 var valor F = data.elem.checked; 
27 localStorage.setItem ( 'funnscreen_info', valor F); 
28}); 
29 $ (document) .ready (function () { 
30 var fScreen = localStorage.getItem ( 'fullscreen_info'); 
! 31 if (fScreen && fScreen = 'false') { 
32 var fScreenIndex = layer.alert ( '按ESC退出全屏' , {  
33 é título: 'digite prompt de tela cheia',
34 pele: 'layui-camada-lan', 
35 closeBtn: 0, 
37 offset: '100px' 
38}, função () { 
39 entryFullScreen (); 
40 $ ( '# FullScreen') html ( '<class i = "Larry-icon Larry-quanping"> </ i>退出全屏.'); 
41 layer.close (fScreenIndex); 
42} 
43) 
44} 
45}) 
46 //全屏切换
47 $ ( '# Tela'). Bind ( 'clique', função () { 
48 var fullscreenElement = 
49 document.fullscreenElement || 
50 || document.mozFullScreenElement 
51 documento.
52 se (fullscreenElement == null) { 
53 entryFullScreen ();  
54 $ (this) .html ( '<i class = "Larry-icon"> & # xe604; </ i>退出全屏');
56 exitFullScreen (); 
57 $ (this) .html ( '<i class = "Larry-icon"> & # xe604; </ i>全屏'); 
58} 
59}) 
60 </ script>

Acho que você gosta

Origin www.cnblogs.com/cxddgz/p/12498417.html
Recomendado
Clasificación