js 브 라 우 저 전체 화면 코드 인 스 턴 스 구현

2514 단어
현대 브 라 우 저 는 ie 11 을 포함 하여 h5 의 전체 화면 api 로 낮은 버 전의 IE 를 직접 실현 할 수 있 습 니 다. ActiveX 플러그 인 을 통 해 이 루어 져 야 합 니 다.
/ / 직접 코드 올 리 기



  
    
    
  
  
    <button onclick="fullScreen()">       </button>

    <button onclick="exitScreen()">       </button>

    <button onclick="iefull()">   ie  </button>
  
  <script src="js/jquery-2.1.1.js" type="text/javascript" charset="utf-8"/>
  <script type="text/javascript">
    //  
    function fullScreen(){
      var el = document.documentElement;
      var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullscreen;   
        if(typeof rfs != "undefined" && rfs) {
          rfs.call(el);
        };
       return;
    }
    //    
    function exitScreen(){
      if (document.exitFullscreen) { 
        document.exitFullscreen(); 
      } 
      else if (document.mozCancelFullScreen) { 
        document.mozCancelFullScreen(); 
      } 
      else if (document.webkitCancelFullScreen) { 
        document.webkitCancelFullScreen(); 
      } 
      else if (document.msExitFullscreen) { 
        document.msExitFullscreen(); 
      } 
      if(typeof cfs != "undefined" && cfs) {
        cfs.call(el);
      }
    }
    //ie      ,         
    function iefull(){
      var el = document.documentElement;
      var rfs = el.msRequestFullScreen;
      if(typeof window.ActiveXObject != "undefined") {
        //       f11 ,      
        var wscript = new ActiveXObject("WScript.Shell");
        if(wscript != null) {
          wscript.SendKeys("{F11}");
        }
      }
    }
    // :ie  ActiveX  ,   ie           ‘            ActiveX          '      
  </script>
</code></pre> 
 </div> 
 <p> :     ,     ie11 ie10,     ,       、                 ;</p> 
 <div class="clearfix"> 
  <span id="art_bot" class="jbTestPos"/> 
 </div> 
</div>
                            </div>
                        </div>

좋은 웹페이지 즐겨찾기