HTML5 JS 实现浏览器全屏(F11的效果)-白红宇

HTML5 JS 实现浏览器全屏(F11的效果)

阅读量：5895 次

发布时间：2019-06-19

本文共 860 字，大约阅读时间需要 2 分钟。

项目中有需要使用JS来控制浏览器全屏的方法

DEMO地址:

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}"
);

}

}

}

转载于:https://www.cnblogs.com/zhongxia/p/5434730.html

你可能感兴趣的文章