直接上代码:

全屏

function fullScreen() {var el = document.documentElement;var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;if(typeof rfs != "undefined" && rfs) {rfs.call(el);} else if(typeof window.ActiveXObject != "undefined") {//for IE,这里其实就是模拟了按下键盘的F11,使浏览器全屏var wscript = new ActiveXObject("WScript.Shell");if(wscript != null) {wscript.SendKeys("{F11}");}}
}
```退出全屏```javascript
function exitFullScreen() {var el = document;var cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen;if(typeof cfs != "undefined" && cfs) {cfs.call(el);} else if(typeof window.ActiveXObject != "undefined") {//for IE,这里和fullScreen相同,模拟按下F11键退出全屏var wscript = new ActiveXObject("WScript.Shell");if(wscript != null) {wscript.SendKeys("{F11}");}}
}

此篇文字为转载截取。原文地址

js 全屏 退出全屏相关推荐

  1. html全屏/退出全屏按钮,以及监听Esc退出后按钮样式变更

    全屏和退出全屏引用了layui里面的icon标签,也可以使用自己的图片,都可以. html: <div id="screenDiv"><!-- 以下是layui里 ...

  2. esc键退出全屏 vue_vue项目实现全屏,退出全屏,图标切换的解决方案

    vue项目实现全屏,退出全屏,图标切换的解决方案 vue项目点击按钮实现全屏很容易,点击按钮退出全屏也很容易. fullScreen(){ var element=document.documentE ...

  3. vue自写全屏/退出全屏组件

    页面代码 isFullscreen主要是判断当前是否为全屏状态,然后展示不同的文字和svg图标 组件传入的值为当前需要全屏的模块div的id名 vue data中定义是否全屏的值,默认为false i ...

  4. three.js全屏退出全屏

    window.addEventListener("dblclick", () => {const fullScreenElement = document.fullscree ...

  5. 【Vue实用功能】Vue实现浏览器全屏退出全屏

    Vue实现浏览器全屏 vue代码 <v-btn class="ml-2" @click="fullScreen" v-show="!is_sma ...

  6. 浏览器切换全屏|退出全屏

    一.进入全屏 浏览器无法自启动以后立即触发 进入全屏 function requestFullScreen() {var de = document.documentElement;if (de.re ...

  7. js监听退出全屏事件

    fullListen() {let screen = document.getElementById("screen");if (screen.requestFullscreen) ...

  8. Putty全屏/退出全屏快捷键

    转载于:https://www.cnblogs.com/sos-blue/p/5287571.html

  9. js实现浏览器的全屏和退出全屏

    js实现浏览器的全屏和退出全屏 关于更多日常使用的公共类的操作方法,可以关注下小滑轮网站 /*** 全屏*/let toFullScreen = () => {let el = document ...

最新文章

  1. SpringBoot笔记:SpringBoot2.3集成SpringSession+nginx+redis实现session共享
  2. lstm不收敛_20道深度学习面试题,有你不知道的吗?
  3. java虚拟键盘_web虚拟键盘VirtualKeyboard
  4. Objective-C 工厂方法
  5. Python学习之旅:用Python制作一个打字训练小工具
  6. 链接oracle 灾难性故障,打开计划任务的时候出现灾难性故障.
  7. AndroidStudio_安卓原生开发_java.io.FileNotFoundException: http://172.19.128.5(拒绝访问)---Android原生开发工作笔记157
  8. 在Ruby中,如何跳过.each循环中的循环,类似于‘continue‘[duplicate]
  9. 【数据结构笔记26】根据一棵树的先序/中序遍历Push与Pop内容,输出这棵树的先序、中序、后序遍历数组(不需要真的建立出树)
  10. linux系统pdf目录编辑器,Linux操作系统(三)编辑器与实用程序.pdf
  11. 利用assimp显示gltf
  12. 使用c++filt命令还原C++编译后的函数名
  13. ppt如何替换其他mo ban_“华南师范大学”专属PPT模板来了!华南师大同学们的PPT我们承包了!...
  14. AirPods Pro 一直断线?如何修复
  15. android5.1 Recovery添加从U盘升级功能【转】
  16. echarts 地图行政区划压缩_echarts地图数据的压缩
  17. 2022-2028年中国数据标注行业市场前瞻与投资战略规划分析报告
  18. 进程同步之生产者消费者模型
  19. 利用MAPI实现邮件收发(VC++)
  20. -UI调试工具 SAK 布局 MD

热门文章

  1. [css] 假如css的分号写在声明块之外,将会发生什么呢?解释下原因
  2. 前端学习(2583):生态圈练习解答下
  3. 前端学习(1870)vue之电商管理系统电商系统之配置message全局弹框组件
  4. 前端学习(1355)模板语法循环
  5. 前端学习(765):使用构造函数的原因
  6. 前端学习(86):标签嵌套规范
  7. 计算机操作系统(10):集群和分布式
  8. ajax是操作系统吗,ajax 跟post 可以设置它是否同步执行
  9. laydate时间控件有时候无效_新角度,如何无效没用地听课
  10. Nginx的应用之安装配置