document.onkeydown=function(event){
if(event.keyCode==87){ //w
// launchFullScreen(document.documentElement); // 整个网页
launchFullscreen(document.getElementById("bncanvas")); // 某个页面元素
}else if(event.keyCode==83){ //s
// 退出全屏模式!
exitFullscreen();
}
};
//判断各种浏览器,找到正确的方法 全屏
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.jianshu.com/p/b6a93b52d13f