最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js之切換全屏和退出全屏實(shí)現(xiàn)代碼實(shí)例

 更新時(shí)間:2019年09月09日 14:16:49   作者:挑戰(zhàn)者V  
這篇文章主要介紹了js之切換全屏和退出全屏實(shí)現(xiàn)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

這篇文章主要介紹了js之切換全屏和退出全屏實(shí)現(xiàn)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

應(yīng)用場景:

比如很多網(wǎng)頁游戲全屏之類的,或者是網(wǎng)上看小說等。

核心代碼:

//控制全屏
function enterfullscreen() { //進(jìn)入全屏
  $("#fullscreen").html("退出全屏");
  var docElm = document.documentElement;
  //W3C
  if(docElm.requestFullscreen) {
    docElm.requestFullscreen();
  }
  //FireFox
  else if(docElm.mozRequestFullScreen) {
    docElm.mozRequestFullScreen();
  }
  //Chrome等
  else if(docElm.webkitRequestFullScreen) {
    docElm.webkitRequestFullScreen();
  }
  //IE11
  else if(elem.msRequestFullscreen) {
    elem.msRequestFullscreen();
  }
}

function exitfullscreen() { //退出全屏
  $("#fullscreen").html("切換全屏");
  if(document.exitFullscreen) {
    document.exitFullscreen();
  } else if(document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if(document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen();
  } else if(document.msExitFullscreen) {
    document.msExitFullscreen();
  }
}

var a = 0;
$('#fullscreen').on('click', function() {
  a++;
  a % 2 == 1 ? enterfullscreen() : exitfullscreen();
})

前端代碼:

<a type="button" id="fullscreen" class="btn btn-default visible-lg visible-md"><i class="fa fa-refresh" aria-hidden="true"></i> 切換全屏</a>

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論

桐庐县| 潼南县| 九台市| 柯坪县| 克拉玛依市| 始兴县| 南平市| 龙海市| 晋江市| 庆阳市| 襄城县| 红桥区| 巴彦县| 商都县| 延寿县| 即墨市| 三门峡市| 吴堡县| 嘉黎县| 巨鹿县| 昌都县| 金阳县| 江津市| 东辽县| 合阳县| 来凤县| 泗阳县| 响水县| 延庆县| 阳山县| 太仆寺旗| 抚宁县| 天柱县| 漠河县| 洛扎县| 营口市| 孝昌县| 西吉县| 二连浩特市| 山丹县| 陈巴尔虎旗|