设置页面全屏

来源：互联网发布：淘宝客推广哪种付费编辑：程序博客网时间：2024/05/21 06:21

设置页面全屏方法：

//全屏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();  }}//键盘操作控制全屏、取消全屏//JQ写法$(document).keydown(function(event){//alert(event.keyCode);if(event.keyCode == 122){//F11 设置全屏launchFullscreen(document.documentElement);}else if(event.keyCode == 27){//Esc 退出全屏exitFullscreen();}else if(event.keyCode == 13){//按下回车键执行操作}}); //纯JS写法document.onkeydown=function(event){//alert(event.keyCode);if(event.keyCode == 122){//F11 设置全屏launchFullscreen(document.documentElement);}else if(event.keyCode == 27){//Esc 退出全屏exitFullscreen();}else if(event.keyCode == 13){//按下回车键执行操作}}

0 0