前端实现全屏和关闭全屏

最新推荐文章于 2023-11-10 19:44:23 发布

閉丄眼聆厛倖輻

最新推荐文章于 2023-11-10 19:44:23 发布

阅读量194

点赞数

分类专栏： vue 文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_52005030/article/details/127123562

版权

vue 专栏收录该内容

28 篇文章 2 订阅

订阅专栏

全屏效果


      var element = document.querySelector(".model");
      var requestMethod =
        element.requestFullScreen ||
        element.webkitRequestFullScreen ||
        element.mozRequestFullScreen ||
        element.msRequestFullScreen;
      if (requestMethod) {
        requestMethod.call(element);
      } else if (typeof window.ActiveXObject !== "undefined") {
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
          wscript.SendKeys("{F11}");
        }
      }

关闭全屏

      var el = document;
      var cfs =
        el.cancelFullScreen ||
        el.webkitCancelFullScreen ||
        el.mozCancelFullScreen ||
        el.exitFullScreen;
      if (typeof cfs != "undefined" && cfs) {
        cfs.call(el);
      } else if (typeof window.ActiveXObject != "undefined") {
        //for IE，这里和fullScreen相同，模拟按下F11键退出全屏
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript != null) {
          wscript.SendKeys("{F11}");
        }
      }