首页 > 其他分享 >js 全屏方法

js 全屏方法

时间:2023-07-27 13:57:08浏览次数:30  
标签:el wscript screen js let 全屏 document 方法

实际建议通过 高度 在resize 是判读 是否全屏 应该 f11 执行的全屏js 无法判断


// 全屏
var isFullScreen=false

function fullScreen(id) { //  el 是要放大的div的id
    let el = document.getElementById(id)||document.documentElement;
    let screen = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen
    let wscript = null
    if (typeof screen != "undefined" && screen) {
      screen.call(el);
      return;
    }
    if (typeof window.ActiveXObject != "undefined") {
      wscript = new ActiveXObject("WScript.Shell");
      if (wscript) {
        wscript.SendKeys("{F11}");
      }
    }
    isFullScreen=true
  }


// 退出全屏

function exitFullScreen() {
  let screen = document.cancelFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.exitFullScreen
  let wscript = null

  if (typeof screen != "undefined" && screen) {
    screen.call(document);
    return;
  }

  if (typeof window.ActiveXObject != "undefined") {
    wscript = new ActiveXObject("WScript.Shell");
    if (wscript != null) {
      wscript.SendKeys("{F11}");
    }
  }
  isFullScreen=false
}


标签:el,wscript,screen,js,let,全屏,document,方法
From: https://www.cnblogs.com/7c89/p/17584718.html

相关文章

  • 计算加速的20种方法
    下面是计算加速的20种方法以及对应的优缺点和应用场景的列表:1.并行计算:-优点:可以同步执行多个任务,提高计算速度。-缺点:需要额外的硬件支持,并且某些任务可能无法并行化。-应用场景:大规模数据处理,机器学习模型训练等。-例子:使用CUDA加速GPU计算。2.GPU加速:-......
  • Next.js 开发环境设置 SSL 证书
    在Next.js中设置证书时,你可以按照以下步骤进行操作:生成自签名证书:在开发环境中,你可以使用自签名证书来启用HTTPS。可以使用工具如OpenSSL来生成自签名证书。以下是一个示例命令:opensslreq-nodes-new-x509-keyoutserver.key-outserver.crt这将生成一个名为serv......
  • 使用Python统计下桌面某个文件夹下(含多层子文件夹)具体文件的数量(方法二)
    大家好,我是皮皮。一、前言前几天在Python最强王者群【东哥】问了一个Python自动化办公的问题,一起来看看吧。这个是他自己在实际工作中遇到的需求,正好遇到了这个问题,想着用Python来实现下。二、实现过程上一篇文章中已经分享了一个方法,这一篇文章继续分享另外一个方法,由【小王......
  • gorm使用Save方法处理时间字段的坑
    视频地址Gorm中Save方法处理时间字段的坑测试代码以及说明packagegorm_testsimport("fmt""github.com/stretchr/testify/require""gorm.io/driver/mysql""gorm.io/gorm""testing""time")const......
  • js 0.02 - 0.01 - 0.01 怎么得出 0.00999999999,如何修正
    ......
  • 26软件架构评估方法
    有三个方式基于调查问卷的方式基于度量的方式基于场景的方式:较主观 场景:从风险承担者的角度与系统交互的简短描述有六个方面:刺激源、刺激、制品、环境、响应、响应度量 刺激源刺激(制品和环境)然后进行响应主要有SAAM软件架构分析法(可修改性、可扩充可移植性、可扩充......
  • vue2.x接入mockJs
    1、安装npminstallmockjs2、创建文件src/mock/api、src/mock/indeximportMockfrom'mockjs'importMockApifrom"./api"Mock.setup({timeout:"300",});constmocks=[...MockApi];exportfunctionmockXHR(){for(letiofmocks)......
  • vtkMapper 以及其方法 SetInputData SetInputConnection SetSourceConnection
    vtkMappe及其派生类,负责把输入数据转换为图元(例如显示为点、显示为线、显示为面等)。该类存储需要渲染的数据,以及一些渲染配置。我们经常看到的vtkActor->SetMapper(mapper),含义就是把负责提供图元数据的mapper连接到渲染引擎actor。vtkMapper的重要渲染配置1.选择使用顶点进行渲......
  • js实现websocket
    import{UserManager}from"@/utils/userManager.js";classwebSocketClass{constructor(url="ws://127.0.0.1:8088/",time=3){this.url=urlthis.filterMessagesList=[""];//服务端返回的内容message事件不监听的内容,不会再message返回......
  • 干货!Discord在Ubuntu中的安装方法
    Discord不仅仅是一个很好的聊天客户端。当你安装它时,你还可以获得其强大的服务端功能,强力而自足。游戏玩家和非玩家都可以在几分钟内开启自己的私人聊天服务,这使Discord成为团队、公会和各种社区的明显选择。Discord是一个非常受欢迎的文字和语音聊天程序。虽然开始时......