HTML5 JS 實現瀏覽器全屏(F11的效果)


項目中有需要使用JS來控制瀏覽器全屏的方法

DEMO地址: http://zhongxia245.github.io/demo/js2fullpanel.html

function fullScreen() {
     var el = document.documentElement,
         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() {
     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}" );
         }
   }
}
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM