微客导航 » 文章资讯 » js实现各浏览器全屏代码实例

js实现各浏览器全屏代码实例

2023-09-10 20:45:05 473

现代浏览器包括ie11，可以直接用h5的全屏api实现
低版本的IE需要通过ActiveX插件实现；

//直接上代码








现代浏览器全屏

现代浏览器退出

低版本ie全屏



//全屏
functionfullScreen(){
varel=document.documentElement;
varrfs=el.requestFullScreen||el.webkitRequestFullScreen||el.mozRequestFullScreen||el.msRequestFullscreen;
if(typeofrfs!="undefined"&&rfs){
rfs.call(el);
};
return;
}
//退出全屏
functionexitScreen(){
if(document.exitFullscreen){
document.exitFullscreen();
}
elseif(document.mozCancelFullScreen){
document.mozCancelFullScreen();
}
elseif(document.webkitCancelFullScreen){
document.webkitCancelFullScreen();
}
elseif(document.msExitFullscreen){
document.msExitFullscreen();
}
if(typeofcfs!="undefined"&&cfs){
cfs.call(el);
}
}
//ie低版本的全屏，退出全屏都这个方法
functioniefull(){
varel=document.documentElement;
varrfs=el.msRequestFullScreen;
if(typeofwindow.ActiveXObject!="undefined"){
//这的方法模拟f11键，使浏览器全屏
varwscript=newActiveXObject("WScript.Shell");
if(wscript!=null){
wscript.SendKeys("{F11}");
}
}
}
//注：ie调用ActiveX控件，需要在ie浏览器安全设置里面把‘未标记为可安全执行脚本的ActiveX控件初始化并执行脚本'设置为启用

注：实际应用中，可通过区分ie11ie10，其它浏览器，控制按钮的显示、隐藏来实现适用各浏览器的全屏功能；

返回顶部
3162201930
czq8825@qq.com

js实现各浏览器全屏代码实例

热门推荐

随机推荐