首页 > 代码库 > js 实现全屏预览(F11功能)--转
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功能)--转
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。