js 模拟点击 F11, 触发全屏效果

面相进程，面相对象

已于 2023-12-28 16:26:13 修改

阅读量797

点赞数 8

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

于 2023-12-28 16:24:15 首次发布

本文链接：https://blog.csdn.net/weixin_57575133/article/details/135272598

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章介绍了如何使用JavaScript在前端代码中模拟用户点击F11键，实现页面的全屏功能以及相应的退出全屏操作，通过`requestFullscreen`和`exitFullscreen`等方法来控制浏览器的全屏状态。

摘要由CSDN通过智能技术生成

js 模拟点击 F11, 触发全屏效果

全屏

methods: {
        // 自动启动全屏
        quanping() {
            var element = document.documentElement;
            if (element.requestFullscreen) {
                element.requestFullscreen();
            } else if (element.mozRequestFullScreen) {
                element.mozRequestFullScreen();
            } else if (element.msRequestFullscreen) {
                element.msRequestFullscreen();
            } else if (element.webkitRequestFullscreen) {
                element.webkitRequestFullscreen();
            }
        },
 }

退出全屏

methods: {
    // 退出全屏
    quanping() {
      if (document.exitFullscreen) {
        document.exitFullscreen();
      } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
      } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
      }
    },
}