博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
按ECS退出全屏模式
阅读量:4464 次
发布时间:2019-06-08

本文共 1504 字,大约阅读时间需要 5 分钟。

<!DOCTYPE html>

<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js全屏和退出全屏代码</title>
<body>
<!--

  requestFullScreen(document.documentElement): 整个网页进入全屏

  requestFullScreen(document.getElementById("video-box")): 指定某块区域全屏
-->
<button οnclick="requestFullScreen(document.documentElement)">全屏显示</button>
<button οnclick="exitFull()">退出全屏</button>
</body>
<script type="text/javascript">
function requestFullScreen(element) {
  // 判断各种浏览器,找到正确的方法
  let requestMethod = element.requestFullScreen || //W3C
  element.webkitRequestFullScreen || //Chrome等
  element.mozRequestFullScreen || //FireFox
  element.msRequestFullScreen; //IE11
  if (requestMethod) {
    requestMethod.call(element);
  }
  else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
    var wscript = new ActiveXObject("WScript.Shell");
    if (wscript !== null) {
      wscript.SendKeys("{F11}");
    }
  }
}
//退出全屏 判断浏览器种类
function exitFull() {
  // 判断各种浏览器,找到正确的方法
  var exitMethod = document.exitFullscreen || //W3C
  document.mozCancelFullScreen || //Chrome等
  document.webkitExitFullscreen || //FireFox
  document.webkitExitFullscreen; //IE11
  if (exitMethod) {
    exitMethod.call(document);
  }
  else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
    var wscript = new ActiveXObject("WScript.Shell");
    if (wscript !== null) {
      wscript.SendKeys("{F11}");
    }
  }
}
</script>
</html>

转载于:https://www.cnblogs.com/zhoudawei/p/9692076.html

你可能感兴趣的文章
nodejs save遇到的一个坑
查看>>
【转】netty4.1.32 pipeline的添加顺序和执行顺序
查看>>
实验楼HTML基础入门学习
查看>>
将博客搬至CSDN
查看>>
软件测试 homework1
查看>>
POJ3686 The Windy's
查看>>
1813. M进制数问题
查看>>
Dundas 系列
查看>>
刚刚出炉的 IrisSkin,来个鲜的(附:换肤控件对比)
查看>>
SQl 行转列,列转行 (PIVOT,UPIVOT)
查看>>
redis 主从配置
查看>>
Guangsoushensou 2
查看>>
Java Metrics
查看>>
ftk学习记(对话框篇)
查看>>
POJ2676 Sudoku [数独]
查看>>
XMLHTTP使用具体解释
查看>>
[ACM] hdu 1003 Max Sum(最大子段和模型)
查看>>
337. House Robber III
查看>>
[ZJOI2007]矩阵游戏【bzoj1059/洛谷1129】/ [HEOI2016/TJOI2016]游戏
查看>>
java中final关键字
查看>>