js控制页面全屏

最新推荐文章于 2025-02-11 11:16:30 发布

Vincentzyc

最新推荐文章于 2025-02-11 11:16:30 发布

阅读量2.7k

点赞数

分类专栏： javascript 文章标签： js 全屏

本文链接：https://blog.youkuaiyun.com/zzzyyc/article/details/89886007

版权

javascript 专栏收录该内容

19 篇文章

订阅专栏

博客围绕JS实现全屏功能展开，虽未给出具体内容，但可知核心是利用JavaScript达成全屏效果，这在前端页面交互等场景有重要应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  function fullScreenFun() {
    var iFullscreen = false; //当前是否全屏状态
    var fullscreenEnabled = document.fullscreenEnabled ||
      document.mozFullScreenEnabled ||
      document.webkitFullscreenEnabled ||
      document.msFullscreenEnabled;

    if (fullscreenEnabled) {
      let de = document.documentElement;
      if (iFullscreen) {
        //关闭全屏
        if (document.exitFullscreen) {
          document.exitFullscreen();
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        } else if (document.webkitCancelFullScreen) {
          document.webkitCancelFullScreen();
        }
      } else {
        //打开全屏
        if (de.requestFullscreen) {
          de.requestFullscreen();
        } else if (de.mozRequestFullScreen) {
          de.mozRequestFullScreen();
        } else if (de.webkitRequestFullScreen) {
          de.webkitRequestFullScreen();
        }
      }
    } else {
      alert('浏览器当前不能全屏');
    }
  }