前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PC页面全屏显示以及退出全屏显示

PC页面全屏显示以及退出全屏显示

作者头像
用户1174387
发布2021-10-26 14:48:26
5.2K0
发布2021-10-26 14:48:26
举报
文章被收录于专栏:web开发web开发web开发
//点击,进入全屏
$('#btn4').click(()=>{
      let el = document.documentElement;
      let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; 
      if(typeof rfs != 'undefined' && rfs){
        rfs.call(el)
      }else if(typeof window.ActiveXObject != 'undefined'){
        let wscript = new ActiveXObject('WScript.Shell');
        if(wscript != null){
          wscript.SendKeys('{F11}')
        }
      }
    })

//点击,退出全屏
    $('#btn5').click(()=>{
      let exitFn = document.exitFullscreen || document.mozCancelFullScreen || document.webkitExitFullScreen || document.webkitCancelFullScreen;
      if(exitFn){
        exitFn.call(document);
      }else if(typeof window.ActiveXObject != 'undefined'){
        let wscript = new ActiveXObject('WScript.Shell');
        if(wscript != null){
          wscript.SendKeys('{F11}');
        }
      }
    })
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-10-22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档