JS调用命令实现F11全屏

最新推荐文章于 2023-12-28 16:24:15 发布

weixin_34034261

最新推荐文章于 2023-12-28 16:24:15 发布

阅读量790

点赞数

文章标签： javascript shell ViewUI

原文链接：http://www.cnblogs.com/wangxuehao/p/6845883.html

版权

<body onload ='autoSetFull()'>
  <button id='btn'>全屏按钮</button>  
  <div id="content" style="background:yellow;width:500px;height:500px;">sljfsdlfj  
      <div id="quite" class="btn">退出全屏</div>  
  </div> 
<body> 
<script type="text/javascript">
  function fullScreen(el) {  
      var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen,  
          wscript;  
      if(typeof rfs != "undefined" && rfs) {  
          rfs.call(el);  
          return;  
      }  
      if(typeof window.ActiveXObject != "undefined") {  
          wscript = new ActiveXObject("WScript.Shell");  
          if(wscript) {  
              wscript.SendKeys("{F11}");  
          }  
      }  
  }  
  function exitFullScreen(el) {  
      var el= document,  
          cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen,  
          wscript;  
     
      if (typeof cfs != "undefined" && cfs) {  
        cfs.call(el);  
        return;  
      }  
     
      if (typeof window.ActiveXObject != "undefined") {  
          wscript = new ActiveXObject("WScript.Shell");  
          if (wscript != null) {  
              wscript.SendKeys("{F11}");  
          }  
    }  
  }  
  var btn = document.getElementById('btn');  
  var content = document.getElementById('content');  
  btn.onclick = function(){  
      fullScreen(content);  
  }  
  var quite = document.getElementById('quite');  
  quite.onclick = function(){  
      exitFullScreen();  
  }  
</script>

PS:这种方法只能通过用户来触发，尝试页面加载后自动执行会提示错误。

转载于:https://www.cnblogs.com/wangxuehao/p/6845883.html

weixin_34034261

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS调用命令实现F11全屏

<body onload ='autoSetFull()'> <button id='btn'>全屏按钮</button> <div id="content" style="background:yellow;width:500px;height:500px;">sljfsdlfj <div id="qui...
复制链接

扫一扫