首页 > 其他分享 >全屏事件

全屏事件

时间:2024-03-11 10:38:04浏览次数:20  
标签:fullscreen document else 全屏 element id 事件

// 全屏事件
        handleFullScreen(id) {
            let element = document.getElementById(id); //需要全屏容器的id
            // 浏览器兼容
            if (this.fullscreen) {
                // 取消全屏
                if (document.exitFullscreen && document.fullscreenElement !== null) {
                    document.exitFullscreen();
                } else if (document.webkitCancelFullScreen) {
                    document.webkitCancelFullScreen();
                } else if (document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                } else if (document.msExitFullscreen) {
                    document.msExitFullscreen();
                }
            } else {
                // 全屏
                if (element.requestFullscreen) {
                    element.requestFullscreen();
                } else if (element.webkitRequestFullScreen) {
                    element.webkitRequestFullScreen();
                } else if (element.mozRequestFullScreen) {
                    element.mozRequestFullScreen();
                } else if (element.msRequestFullscreen) {
                    element.msRequestFullscreen();
                }

            }
            this.fullscreen = !this.fullscreen;
        },

 

标签:fullscreen,document,else,全屏,element,id,事件
From: https://www.cnblogs.com/liyunxi/p/18065503

相关文章

  • 自定义事件提醒程序
    因为各大软件无法实现每隔自定义固定天数进行事件提醒的功能,在此用Python写了一个简易的Windows端事件提醒弹窗程序。注意没有做界面,只是把事件写死在了程序中,设置为开机自启动,挂在后台一直运行(cpu占用率几乎为0%),到点就会进行弹窗提醒。Step0.环境配置建议新建一个环境,后面用......
  • Case.1云霄飞车杀人事件
    Case.1云霄飞车杀人事件File.1平成年代的福尔摩斯基本信息:《名侦探柯南》第一话开启了该作品长达30余年的连载登场人物:工藤新一毛利兰毛利小五郎目暮警官琴酒伏特加在本话中,工藤新一的出场伴随着一起案子的圆满解决,他不断展现出了对于推理的热情与当一名侦探的追求,而问......
  • spring-event-事件监听机制实现
    1.事件监听机制概述1.场景模型版本更新了,新版本需要继承老版本的构件分享、自定义属性、着色数据,以后还可能有其他数据要继承,这些数据之间没有直接联系,就是当模型版本变更的时候,他们各自需要执行。2.涉及的三个对象事件源(提供事件处理时的元数据)这里就是模型版本更新了......
  • C#事件(event)的理解
    一、多播委托的应用--观察者模式遇到一个开发的问题?面试者:以面向对象的思想实现一下的场景:猫:Miao一声,紧接着引发了一系列的行为~Miao:引发了一系列的动作;从代码层面来说:代码这样写好吗?猫职责不单一(猫就是猫,他的行为只有Miao一声)依赖太重,依赖了很多的普通类;被依赖的类如......
  • [C#] 事件和委托
    事件Event事件模型的5个部分事件的拥有者(source,对象)-->Customer事件成员(event,成员)-->Order声明//声明委托类型,与类同级//参数1:事件拥有者,或者说触发事件的对象,也就是顾客//参数2:事件所携带的信息,也就是点菜的内容publicdelegatevoidOrderE......
  • a-modal使用hooks封装状态逻辑并添加全屏切换效果
    /hooks/useModal.jsimport{nextTick,ref}from'vue'import{isFunction}from"lodash-es";exportfunctionuseModal(){ //标题 //执行ok、cancel方法 constvisible=ref(false) constloading=ref(false) consthideModal=()=>{......
  • C# 控制台禁用快速编辑模式、在指定行更新文本、注册Ctrl+C事件处理器
    在第三行更新文本 代码如下usingMicrosoft.Win32.SafeHandles;usingSystem;usingSystem.Runtime.InteropServices;usingSystem.Threading;classProgram{[DllImport("kernel32.dll")]staticexternSafeFileHandleGetStdHandle(intnStdHandle);......
  • oracle 19c普通用户查询字典表all_views时等待row cache mutex事件
    近日,一19coraclerac测试环境,初始反馈是sys用户查询很快,cdb用户如c##any查询系统表如all_tables很慢,至少相差几十倍、有时候直接半天超时还没执行完,经查一开始发现在等待gccrmultiblockmixed事件,该事件据官方解释,该事件时提升性能用的,如下:OracleGCCRMultiBlockMixed......
  • 【习题】一、事件与概率
    [T0101]证明下列等式(1)\(\binomn1+2\binomn2+3\binomn3+\cdots+n\binomnn=n2^{n-1}\);(2)\(\binomn1-2\binomn2+3\binomn3+\cdots+(-1)^{n-1}n\binomnn=0\);(3)\(\sum_{k=0}^{a-r}\binoma{k+r}\binombk=\binom{a+b}{a-r}\).    证(1)注意到\......
  • 18. 实现鼠标事件
    要实现的功能当鼠标移动到卡牌上面的时候,卡牌可以显示在最上面修改代码这里有个isAnimating判断,当卡牌在移动的时候,isAnimating就为true,此时不能对其进行操作项目相关代码代码仓库:https://gitee.com/nbda1121440/DreamOfTheKingdom.git标签:20240305_1429......