JS调用命令实现F11全屏

<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:这种方法只能通过用户来触发，尝试页面加载后自动执行会提示错误。

posted on 2017-05-12 15:56 王雪皓阅读(6183) 评论(0) 编辑收藏举报