微客导航 » 文章资讯 » js之切换全屏和退出全屏实现代码实例

js之切换全屏和退出全屏实现代码实例

2023-08-15 00:52:04 314

这篇文章主要介绍了js之切换全屏和退出全屏实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

应用场景:

比如很多网页游戏全屏之类的，或者是网上看小说等。

核心代码:

//控制全屏
functionenterfullscreen(){//进入全屏
$("#fullscreen").html("退出全屏");
vardocElm=document.documentElement;
//W3C
if(docElm.requestFullscreen){
docElm.requestFullscreen();
}
//FireFox
elseif(docElm.mozRequestFullScreen){
docElm.mozRequestFullScreen();
}
//Chrome等
elseif(docElm.webkitRequestFullScreen){
docElm.webkitRequestFullScreen();
}
//IE11
elseif(elem.msRequestFullscreen){
elem.msRequestFullscreen();
}
}

functionexitfullscreen(){//退出全屏
$("#fullscreen").html("切换全屏");
if(document.exitFullscreen){
document.exitFullscreen();
}elseif(document.mozCancelFullScreen){
document.mozCancelFullScreen();
}elseif(document.webkitCancelFullScreen){
document.webkitCancelFullScreen();
}elseif(document.msExitFullscreen){
document.msExitFullscreen();
}
}

vara=0;
$('#fullscreen').on('click',function(){
a++;
a%2==1?enterfullscreen():exitfullscreen();
})

前端代码:

切换全屏

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

js之切换全屏和退出全屏实现代码实例

热门推荐

随机推荐