首页 > 其他分享 >网页退出全屏和全屏显示

网页退出全屏和全屏显示

时间:2024-04-25 10:45:17浏览次数:25  
标签:msRequestFullscreen 网页 webkitCancelFullScreen de else 全屏 退出 document

<div @click="fullScreen">全屏显示</div>
<div @click="exitFullScreen">退出全屏</div>
fullScreen () {
            var de = document.documentElement;
            if (de.requestFullscreen) {
                de.requestFullscreen();
            } else if (de.mozRequestFullScreen) {
                de.mozRequestFullScreen();
            } else if (de.webkitRequestFullScreen) {
                de.webkitRequestFullScreen();
            } else if (de.msRequestFullscreen) {
                de.msRequestFullscreen();
            }
},
exitFullScreen () {
            var de = document;
            if (de.exitFullscreen) {
                de.exitFullscreen();
            } else if (de.mozCancelFullScreen) {
                de.mozCancelFullScreen();
            } else if (de.webkitCancelFullScreen) {
                de.webkitCancelFullScreen();
            } else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            }
}

 

标签:msRequestFullscreen,网页,webkitCancelFullScreen,de,else,全屏,退出,document
From: https://www.cnblogs.com/srqsl/p/18157058

相关文章

  • 学习 Avalonia 框架笔记 如何创建一个全屏置顶的 X11 应用窗口
    本文记录我从Avalonia框架里面学到如何创建一个全屏置顶的X11应用窗口的方法开始之前,先从Avalonia或CPF里面拷贝足够的代码,这部分代码可以从本文末尾找到下载方法设置全屏的核心代码是以下三行ChangeWMAtoms(false,XLib.XInternAtom(display,"_NET_WM_STATE_HIDDEN",......
  • python 实现网页 pdf 转 docx
    1、安装python库pip3installflaskPyPDF2python-docx2、创建一个Flask应用,并编写处理文件上传和转换的代码vimpdf_to_docx.pyimportosfromflaskimportFlask,render_template,request,send_filefromPyPDF2importPdfReaderfromioimportBytesIOfromdocx......
  • 【性能监控】如何有效监测网页静态资源大小?
    前言作为前端人员肯定经常遇到这样的场景:需求刚上线,产品拿着手机来找你,为什么页面打开这么慢呀,心想自己开发的时候也有注意性能问题呀,不可能会这么夸张。那没办法只能排查下是哪一块影响了页面的整体性能,打开浏览器控制台一看,页面上的这些配图每张都非常大,心想这些配图都这么大,页......
  • Windows 上左键按住窗口标题栏的阻塞和等待500ms"退出"阻塞两个行为的小研究
    之前就注意到一个现象就是windows的窗口被右键菜单栏弹出菜单后或者按住右键后整个程序似乎会被冻结,而对于游戏更是直接像停掉了主循环一样.除此之外左键按住窗口也会有同样的效果,但是例外是部分游戏会被阻塞500ms后恢复,而有些干脆没受到影响.不过这个问题看上去重要......
  • .NET之Kill -15 优雅退出
    背景:运维人员在每次进行代码升级版本的时候,会执行kill命令关闭进程,再上传代码包。这时候会出现以下问题:1.已接收的HTTP请求业务没有处理完成就立即停止进程如果让程序自动处理完业务后关闭进程会出现以下问题:1.拒绝接收新的HTTP请求消息以下截图是本机代码测试:  usi......
  • scala怎么退出
    scala怎么退出scala>:help//查看帮助Allcommandscanbeabbreviated,e.g.,:heinsteadof:help.:edit<id>|<line>edithistory:help[command]printthissummaryorcommand-specifichelp:history[num]showthehistory......
  • 网页幻灯片演示框架:Reveal.js
    网页幻灯片演示框架:Reveal.js谢小飞​北京京东方能源科技有限公司前端开发工程师已关注 63人赞同了该文章在生活和工作中,我们经常需要用到幻灯片进行演示或者汇报工作等,传统的幻灯片在排版、代码、动效和多媒体等方面操作起来需要一定的基础;......
  • php 网页支付 阿里sdk (沙箱测试)
    直接上代码:<?phpnamespaceapp\controller;useapp\BaseController;//require'vendor/autoload.php';useAlipay\EasySDK\Kernel\Factory;useAlipay\EasySDK\Kernel\Config;//http://laremehpe.test.org/index.php/Index/indexclassIndexe......
  • 让一个元素在网页上跟随网页窗口大小变化始终保持上下左右居中
    ​ 废话少说,直接上代码,懂的都懂:<!DOCTYPEhtml><htmlstyle="font-size:100px;"><head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <styletype="text/css"> *{margin:0......
  • Python Flask+Pandas读取excel显示到html网页: CSS控制表格样式、表头文字居中
    前言全局说明CSS控制表格样式一、安装flask模块二、引用模块三、启动服务模块安装、引用模块、启动Web服务方法,参考下面链接文章:https://www.cnblogs.com/wutou/p/17963563Pandas安装https://www.cnblogs.com/wutou/p/17811839.htmlPandas官方API说明https://pand......