原生js实现浏览器全屏和退出全屏
全屏模式
//W3Cif (docElm.requestFullscreen) {docElm.requestFullscreen(); }//FireFoxelse if (docElm.mozRequestFullScreen) {docElm.mozRequestFullScreen(); }//Chrome等 else if (docElm.webkitRequestFullScreen) {docElm.webkitRequestFullScreen(); } //IE11 else if (docElm.msRequestFullscreen) {document.body.msRequestFullscreen(); }
退出全屏模式
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(); }
转载于:https://www.cnblogs.com/Mrrabbit/p/10795378.html
原生js实现浏览器全屏和退出全屏相关推荐
- python退出全屏_实现网页全屏和退出全屏JS代码,多浏览器兼容
js全屏和退出全屏代码|www.125jz.com 全屏显示 退出全屏 function requestFullScreen(element) { // 判断各种浏览器,找到正确的方法 var req ...
- js 控制浏览器 实现全屏 和 退出全屏功能
在工作中我们偶尔遇到不需要浏览器导航栏和标题栏,需要将整个项目全屏展示的情况,虽然有一些快捷键可以实现此效果,但我们更希望项目中有类似的功能,可以让用户任意切换. 1.js 功能处理 //本案例只为演 ...
- js实现浏览器的全屏和退出全屏
js实现浏览器的全屏和退出全屏 关于更多日常使用的公共类的操作方法,可以关注下小滑轮网站 /*** 全屏*/let toFullScreen = () => {let el = document ...
- js实现浏览器全屏与退出全屏,解决chrome下F11进入全屏后退出全屏API方法失效
1. 问题说明 网页全屏和退出全屏其实已经算的上一个很常见的功能了,那是不是直接用HTML5全屏API就没什么问题了,但是不要忘了键盘上的F11有着同样的功能,实际使用的时候就发现F11使网页进入全屏 ...
- js浏览器全屏与退出全屏, window.open
官方文档 // 设置全屏对象,可以为div/img let element = document.documentElement; // 判断是否为支持ActiveXObject,IE支持,此方法为按 ...
- linux控制台则怎么退出全屏,JS 全屏和退出全屏详解及实例代码
JS 全屏和退出全屏 js实现浏览器窗口全屏和退出全屏的功能,市面上主流浏览器如:谷歌.火狐.360等都是兼容的,不过IE低版本有点瑕疵(全屏状态下仍有底部的状态栏). 这个demo基本是够了,直接复 ...
- JS实现全屏和退出全屏
JS实现全屏和退出全屏 //全屏 function fullScreen(){var el = document.documentElement;var rfs = el.requestFullScr ...
- js实现全屏与退出全屏,解决F11进入全屏后退出全屏API方法失效(chrome)
js实现全屏与退出全屏,解决F11进入全屏后退出全屏API方法失效(chrome) 解决的问题 谷歌浏览器F11全屏后,在页面中编写的全屏按钮失效 解决方法 //判断是否是全屏状态 var isFul ...
- 退出全屏html,js全屏和退出全屏代码范例
js实现浏览器窗口全屏和退出全屏的功能,市面上主流浏览器如:谷歌.火狐.360等都是兼容的,不过IE低版本有点瑕疵(全屏状态下仍有底部的状态栏). 这个demo基本是够了,直接复制下面的源码另存为ht ...
- esc键退出全屏 vue_vue中实现浏览器全屏与退出全屏功能
在 标签中主要是放一个全屏与退出全屏的按钮,并绑定上点击事件 fullScreenClick .全屏与退出全屏的按钮显示切换是通过变量 fullScreen 控制的. :content="f ...
最新文章
- linux下如何修改系统时间
- redistemplate文档用法_Jedis 使用及 StringRedisTemplate 常用方法
- java代码轻量级锁_Java轻量级锁原理详解(Lightweight Locking)
- 【深度学习】——物体检测细节处理(NMS、样本不均衡、遮挡物体)
- css文件修改后没变化 static_Go Web编程使用Go语言创建静态文件服务器
- 创造黑科技,守护新未来 | 360公司2019年春季校园招聘正式启动!
- 物联网进入规模化应用时代 万物互联时代到来
- q超级会员都有什么鸿蒙,超级会员+豪华绿钻,超值四开!
- 巨人网络辟谣史玉柱被警方带走:下午一直在上海总部开会
- Java中Double保留后小数位的几种方法
- 2星|《麦肯锡图表工作法》:用图表做商业分析的入门演示
- 多线程 + java nio 实现按行读取并处理超大文件
- STM32笔记之 SWJ(JTAG-DP和 SW-DP)
- 探索ESP8285(1)搭建arduino开发ESP8285环境搭建
- 【毕业设计】python opencv 深度学习 指纹识别算法实现
- 使用VNC远程登录百度智能云服务器
- 2019年下半年教师资格幼儿园《综合素质》真题与参考答案
- 康耐视智能相机更新固件版本方式
- Makefile里的wildcard 理解
- php匹配地址中的省市区,php 正则匹配省市区