js 实现全屏预览(F11功能)--转
Posted ghfjj
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 实现全屏预览(F11功能)--转相关的知识,希望对你有一定的参考价值。
js代码
1 function fullScreen(el) { 2 var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen, 3 wscript; 4 5 if(typeof rfs != "undefined" && rfs) { 6 rfs.call(el); 7 return; 8 } 9 10 if(typeof window.ActiveXObject != "undefined") { 11 wscript = new ActiveXObject("WScript.Shell"); 12 if(wscript) { 13 wscript.SendKeys("{F11}"); 14 } 15 } 16 } 17 18 function exitFullScreen(el) { 19 var el= document, 20 cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen, 21 wscript; 22 23 if (typeof cfs != "undefined" && cfs) { 24 cfs.call(el); 25 return; 26 } 27 28 if (typeof window.ActiveXObject != "undefined") { 29 wscript = new ActiveXObject("WScript.Shell"); 30 if (wscript != null) { 31 wscript.SendKeys("{F11}"); 32 } 33 } 34 }
html 代码
1 <button id=‘btn‘>全屏按钮</button> 2 <div id="content" style="background:yellow;width:500px;height:500px;">sljfsdlfj 3 <div id="quite" class="btn">退出全屏</div> 4 </div>
调用
var btn = document.getElementById(‘btn‘); var content = document.getElementById(‘content‘); btn.onclick = function(){ fullScreen(content); } var quite = document.getElementById(‘quite‘); quite.onclick = function(){ exitFullScreen(); }
不仅可以实现整个document 全屏预览 还能实现特定的div来进行全屏预览
转:http://blog.csdn.net/wu595679200/article/details/51195142
以上是关于js 实现全屏预览(F11功能)--转的主要内容,如果未能解决你的问题,请参考以下文章
浏览器全屏之requestFullScreen全屏与F11全屏