浏览器屏幕全屏模式改变事件

最新推荐文章于 2021-06-18 22:50:04 发布

afejp44222

最新推荐文章于 2021-06-18 22:50:04 发布

阅读量144

点赞数

原文链接：http://www.cnblogs.com/Ss-ss/p/8697792.html

版权

/*
屏幕全屏模式改变事件：
当成功进入全屏模式后，document会收到一个fullscreenchange事件。当退出全屏状态后，document又会收到fullscreenchange事件
*/

// 开启全屏模式
function launchFullScreen(element){
　　if(element.requestFullscreen){
　　　　element.requestFullscreen();
　　} else if (element.mozRequestFullScreen){
　　　　element.mozRequestFullScreen();
　　} else if (element.webkitRequestFullscreen){
　　　　element.webkitRequestFullscreen();
　　} else if (element.msRequestFullscreen){
　　　　element.msRequestFullscreen();
　　}
}

// 关闭全屏模式
function exitFullScreen(){
　　if (document.exitFullscreen) {
　　　　document.exitFullscreen()
　　} else if (document.mozCancelFullScreen) {
　　　　document.mozCancelFullScreen()
　　} else if (document.webkitExitFullscreen) {
　　　　document.webkitExitFullscreen()
　　}
}

转载于:https://www.cnblogs.com/Ss-ss/p/8697792.html