JS 全屏和退出全屏--requestFullScreen详解及兼容代码

浏览器全屏实现方式

1.利用h5的requestFullScreen
2.摁F11实现全屏效果
  

requestFullscreen全屏具体实现

1.进入全屏

function full(ele) {
    if (ele.requestFullscreen) {
        ele.requestFullscreen();
    } else if (ele.mozRequestFullScreen) {
        ele.mozRequestFullScreen();
    } else if (ele.webkitRequestFullscreen) {
        ele.webkitRequestFullscreen();
    } else if (ele.msRequestFullscreen) {
        ele.msRequestFullscreen();
    }
}

ele：要全屏的元素，可以是document.body也可以是某一个div
思路：
1.判断该浏览器是否具有requestFullscreen方法
2.有，则直接执行ele.requestFullscreen()；没有则做浏览器兼容判断。
  

2.exitFullScreen退出全屏

function exitFullscreen() {
    if(document.exitFullScreen) {
        document.exitFullScreen();
    } else if(docu