上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

永安400电话办理【永安网站公司】永安百度优化、永安域名注册、永安网店美工、永安微信公众号托管

永安（英文：Yongan）（古属延平府永安县、漳州府宁洋县）别名“燕城”。永安市隶属福建省三明市，为三明市代管县级市。位于福建省的中西部 ，地处东经116°56′-117°47′，北纬25°33′-26°12′之间。东接大田县，西邻连城县，南毗漳平市、新罗区，北与明溪县、三元区接壤。市中心距福州280公里，离厦门290公里。 [1-2]  永安市被命名为“中国金线莲之乡”。 [3] 

2013年，永安市总面积2942平方公里，下辖4个街道、8个镇、2个乡、1个民族乡。 [1]  2019年，地区生产总值（GDP）431.65亿元，按可比价格计算，比上年增长7.5%。 [4] 

曾获“中国魅力城市”、 [5]  “中国优秀旅游城市”、 [6]  “国家园林城市”、 [7]  “国家科技进步先进市”、 [8]  “全国双拥模范城市”、 [9-10]  “全国绿色小康县” [11]  等称号。2015年被列为第二批国家新型城镇化综合试点地区。 [12] 

2018年11月，入选中国县级市全面小康指数前100名。 [13]  2019全国营商环境百强县。 [14]  2019年度福建省县域经济实力“十强”县（市）。 [15] 

概述

在做前端PC端项目中，我们经常会遇到让页面全屏的需求。大多情况下，这样可以使得用户在该页面更加专注，屏蔽掉该页面之外的干扰。

状态判断

首先，我们需要给出一个默认状态，即非全屏。然后，在此基础上我们进行DOM操作，每次用户进行操作时，我们先判断当前状态，进行相应的操作，操作过后改变当前状态即可。

事件操作

注：下表中de代表document.documentElement

代码

注： 本demo在vue中使用。如果使用正常.html，自行将@click转为正常点击事件(如onclick)即可。

html

<div @click="handleFullScreen">一个按钮</div>

js

data() {
    return {
        fullscreen: false  // 是否全屏
    }
},
methods: {
    // 全屏事件
    handleFullScreen(){
        let element = document.documentElement;
        // 判断是否已经是全屏
        // 如果是全屏，退出
        if (this.fullscreen) {
            if (document.exitFullscreen) {
                document.exitFullscreen();
            } else if (document.webkitCancelFullScreen) {
                document.webkitCancelFullScreen();
            } else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            } else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            }
            console.log('已还原！');
        } else {    // 否则，进入全屏
            if (element.requestFullscreen) {
                element.requestFullscreen();
            } else if (element.webkitRequestFullScreen) {
                element.webkitRequestFullScreen();
            } else if (element.mozRequestFullScreen) {
                element.mozRequestFullScreen();
            } else if (element.msRequestFullscreen) {
                // IE11
                element.msRequestFullscreen();
            }
            console.log('已全屏！');
        }
        // 改变当前全屏状态
        this.fullscreen = !this.fullscreen;
    }
}

永安400电话办理【永安网站公司】永安百度优化、永安域名注册、永安网店美工、永安微信公众号托管

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）