DIV全屏

2020-07-06  本文已影响0人  deast

<button onclick="showFull();">
全屏
</button>
<button onclick="delFull();">
退出全屏
</button>

function showFull(){
var full=document.getElementById("container");
launchIntoFullscreen(full);
}

function delFull() {
exitFullscreen();
}

function launchIntoFullscreen(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();
}
}

上一篇下一篇

猜你喜欢

热点阅读