该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

浏览器全屏模式的启动函数requestFullscreen(),而且需要附带各浏览器的js方言前缀.

Js代码:

// 启动全屏!判断浏览器的种类

function launchFullscreen(element){

if(element.requestFullscreen){

element.requestFullscreen();

} else if(element.mozRequestFullScreen){

element.mozRequestFullScreen();

} else if(element.webkitRequestFullscreen){

element.webkitRequestFullscreen();

} else if(element.msRequestFullscreen){

element.msRequestFullscreen();

}

}

调用全屏方法:

Html代码:

全屏模式

指定元素全屏

调用全屏的两种方法:

launchFullScreen(document.documentElement); 【整个网页全屏】

launchFullScreen(document.getElementById("navbar")); 【指定的元素全屏】

对你想要全屏显示的页面元素调用全屏方法,浏览器窗口就会变成全屏,但会先请求用户允许全屏模式。要注意,用户很有可能会拒绝全屏模式。如果用户运行全屏模式,则浏览器的工具条等按钮菜单都会隐藏,你的页面会覆盖整个屏幕。

下面的exitFullscreen()方法(也需要加浏览器前缀)会让浏览器退出全屏模式,变成正常模式。

// 判断浏览器种类 退出全屏

function exitFullscreen(){

if(document.exitFullscreen){

document.exitFullscreen();

} else if(document.mozCancelFullScreen){

document.mozCancelFullScreen();

} else if(document.webkitExitFullscreen){

document.webkitExitFullscreen();

}

}

Html代码:

退出全屏

调用exitFullscreen()方法退出全屏;

注意事项:

document.fullScreenElement: 全屏显示的网页元素。

document.fullScreenEnabled: 判断当前是否处于全屏状态。

fullscreenchange事件会在启动全屏或退出全屏时触发:

java 控制台 全屏_Java全屏模式与退出全屏:相关推荐

  1. 为什么java退出全屏_Java全屏模式与退出全屏:

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 浏览器全屏模式的启动函数requestFullscreen(),而且需要附带各浏览器的js方言前缀. Js代码: // 启动全屏!判断浏览器的种类 fun ...

  2. 浏览器判断是否全屏, 设置浏览器全屏,设置浏览器退出全屏

    /*** 浏览器判断是否全屏*/ export const fullscreenEnable = () => {var isFullscreen = document.isFullScreen ...

  3. 火狐浏览器在看B站视频(全屏)和(退出全屏)时会黑一下屏幕

    在浏览器地址栏输入:"about:config"(不包含引号,下同) 并回车,然后点击"我知道了",可以进入高级设置界面. 在地址栏下方的搜索栏中输入:&quo ...

  4. 前端vue实现全屏和按esc退出全屏功能

    效果如下: 不多说,直接上代码如下,复制即可使用,注意图片位置修改即可: 1.vue页面中根据是否全屏判断当前显示图片或icon图标,isFullScren为true时表示全屏,默认值为false,并 ...

  5. js控制网页全屏,监听退出全屏动作

    //控制全屏方法 function requestFullScreen(element) {var requestMethod = element.requestFullScreen || //W3C ...

  6. JS控制全屏,监听退出全屏事件

    先放個官方 Web API 接口 链接:全屏 API 网上基本都是这种: //全屏功能document.getElementById("ck_buts").onclick = fu ...

  7. 全屏的使用方法 ---------退出全屏的使用方法

    <!-- 全屏的使用方法 --> function fullScreen( elem ){ if ( elem.requestFullscreen ) { elem.requestFull ...

  8. java控制台打印乱码_java控制台输出出现乱码怎么解决

    java控制台输出出现乱码怎么解决 发布时间:2020-06-24 10:37:14 来源:亿速云 阅读:82 作者:Leah java控制台输出出现乱码怎么解决?相信很多没有经验的人对此束手无策,为 ...

  9. java控制台中文乱码_java用控制台输出时出现乱码怎么办

    java用控制台输出时出现乱码怎么办 发布时间:2020-06-26 16:00:24 来源:亿速云 阅读:113 作者:Leah java用控制台输出时出现乱码怎么办?相信很多没有经验的人对此束手无 ...

最新文章

  1. SQL Sever 各版本下载 SQL Server 2012下载SQL Server 2008下载SQL Server 2005 下载SQL Server 2000 下载...
  2. mysql的代码大全_MySql数目字函数大全
  3. 大数据分析的5个方面
  4. vs unity shader插件_一些Shader资料
  5. python属性和方法的区别_Python中几种属性访问的区别
  6. python中读取文件编码_[转载]python中使用文件的读取编码问题
  7. Compound供应量突破70亿美元
  8. 透明加密tde_如何在SQL Server中配置透明数据加密(TDE)
  9. Flume案例之采集特定目录的数据到HDFS
  10. java robot 游戏_JAVA制作游戏脚本(1)---Robot机器人
  11. Oracle魔改linux,linux shell脚本攻略 第3版 pdfssr 魔改v3一键
  12. 多目标优化中常用的绩效指标(Performance Indicator)(最全概括)
  13. 为什么计算机无法读取u盘,电脑无法识别读取U盘怎么办?逐一排查解决问题
  14. [ZROJ-955]折纸 Solution
  15. oracle 恢复用户表空间,Oracle以TSPITR方式恢复表空间数据一例
  16. python:数据可视化 相关系数热力图绘制
  17. 自行车不可以上高速,但是为什么有的人可以从北京骑到西藏?
  18. VGG (Visual Geometry Group)
  19. 如何拥有一颗平常心?(KK记)
  20. Vue 源码解读(11)—— render helper

热门文章

  1. es报Unexpected character (‘ï‘ (code 239)): was expecting comma to separate Object entries解决方法
  2. Spring大白话(●—●)
  3. 我读经典(5):读《大话重构》迷你书有感
  4. 推荐一款很好用的调试JS的Eclipse插件
  5. 看漫画学python下载_Python爬虫实现漫画下载 - 『编程语言区』 - 吾爱破解 - LCG - LSG |安卓破解|病毒分析|www.52pojie.cn...
  6. 【华人学者风采】谭平 阿里人工智能实验室
  7. 第一节:(4)逻辑工艺线上量测简介
  8. mysql 函数返回类型set_mysql自定义函数如何返回多个值
  9. 黑猫带你学UFS协议第1篇:全网最全UFS协议中文详讲,这份学习框架图,你值得拥有!!!(持续更新中...)
  10. Verilog学习笔记(06)