国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JavaScript全屏和退出全屏事件總結(jié)(附代碼)

2024-05-06 15:12:43
字體:
供稿:網(wǎng)友

代碼如下:

window.isflsgrn = false;//ie11以下是否進(jìn)入全屏標(biāo)志,true為全屏狀態(tài),false為非全屏狀態(tài)      window.ieIsfSceen = false;//ie11是否進(jìn)入全屏標(biāo)志,true為全屏狀態(tài),false為非全屏狀態(tài)      //跨瀏覽器返回當(dāng)前 document 是否進(jìn)入了可以請求全屏模式的狀態(tài)      function fullscreenEnable(){        var isFullscreen = document.fullscreenEnabled ||        window.fullScreen ||        document.mozFullscreenEnabled ||        document.webkitIsFullScreen;        return isFullscreen;      }      //全屏      var fScreen = function(){        var docElm = document.documentElement;        if (docElm.requestFullscreen) {          docElm.requestFullscreen();        }        else if (docElm.msRequestFullscreen) {          docElm.msRequestFullscreen();          ieIsfSceen = true;        }        else if (docElm.mozRequestFullScreen) {          docElm.mozRequestFullScreen();        }        else if (docElm.webkitRequestFullScreen) {          docElm.webkitRequestFullScreen();        }else {//對不支持全屏API瀏覽器的處理,隱藏不需要顯示的元素          window.parent.hideTopBottom();          isflsgrn = true;          $("#fsbutton").text("退出全屏");        }      }      //退出全屏      var cfScreen = function(){        if (document.exitFullscreen) {          document.exitFullscreen();        }        else if (document.msExitFullscreen) {          document.msExitFullscreen();        }        else if (document.mozCancelFullScreen) {          document.mozCancelFullScreen();        }        else if (document.webkitCancelFullScreen) {          document.webkitCancelFullScreen();        }else {          window.parent.showTopBottom();          isflsgrn = false;          $("#fsbutton").text("全屏");        }      }      //全屏按鈕點(diǎn)擊事件      $("#fsbutton").click(function(){        var isfScreen = fullscreenEnable();        if(!isfScreen && isflsgrn == false){          if (ieIsfSceen == true) {            document.msExitFullscreen();            ieIsfSceen = false;            return;          }          fScreen();        }else{          cfScreen();        }      })      //鍵盤操作      $(document).keydown(function (event) {        if(event.keyCode == 27 && ieIsfSceen == true){          ieIsfSceen = false;        }      });      //監(jiān)聽狀態(tài)變化      if (window.addEventListener) {        document.addEventListener('fullscreenchange', function(){           if($("#fsbutton").text() == "全屏"){            $("#fsbutton").text("退出全屏");           }else{            $("#fsbutton").text("全屏");          }        });        document.addEventListener('webkitfullscreenchange', function(){           if($("#fsbutton").text() == "全屏"){            $("#fsbutton").text("退出全屏");           }else{            $("#fsbutton").text("全屏");          }        });        document.addEventListener('mozfullscreenchange', function(){           if($("#fsbutton").text() == "全屏"){            $("#fsbutton").text("退出全屏");           }else{            $("#fsbutton").text("全屏");          }        });        document.addEventListener('MSFullscreenChange', function(){           if($("#fsbutton").text() == "全屏"){            $("#fsbutton").text("退出全屏");           }else{            $("#fsbutton").text("全屏");          }        });      }            
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 阳谷县| 益阳市| 汤原县| 大兴区| 七台河市| 霞浦县| 绥化市| 武川县| 杂多县| 岳西县| 惠州市| 张家港市| 台南市| 余庆县| 永春县| 芷江| 康乐县| 娄底市| 金平| 土默特右旗| 北安市| 全椒县| 芜湖市| 梁河县| 同心县| 南宫市| 顺平县| 海安县| 永宁县| 齐齐哈尔市| 牟定县| 娄烦县| 辛集市| 遂宁市| 枝江市| 江孜县| 恭城| 昔阳县| 收藏| 哈巴河县| 务川|