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>
alternância de tela cheia
Acho que você gosta
Origin www.cnblogs.com/cxddgz/p/12498417.html
Recomendado
Clasificación