// 點擊進入全屏 方法、
var fullscreen=function(){
    elem=document.body;
    if(elem.webkitRequestFullScreen){
        elem.webkitRequestFullScreen();   
    }else if(elem.mozRequestFullScreen){
        elem.mozRequestFullScreen();
    }else if(elem.requestFullScreen){
        elem.requestFullscreen();
    }else{
        //瀏覽器不支持全屏API或已被禁用
    }
}
// 點擊退出全屏 方法
var exitFullscreen=function(){
    var elem=document;
    if(elem.webkitCancelFullScreen){
        elem.webkitCancelFullScreen();    
    }else if(elem.mozCancelFullScreen){
        elem.mozCancelFullScreen();
    }else if(elem.cancelFullScreen){
        elem.cancelFullScreen();
    }else if(elem.exitFullscreen){
        elem.exitFullscreen();
    }else{
        //瀏覽器不支持全屏API或已被禁用
    }
}

需要注意的是：需要通過 事件觸發 當前的函數。

出現的bug：所有的元素會居中，不在html 的左上角。

解決的方法：給html 設置一個相對定位，給body 一個決定定位。

總結

以上是生活随笔為你收集整理的jq ---- 实现浏览器全屏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。