点击按钮进入全屏和退出全屏

1、全屏设置

      const wholeClick = () => {
        let element = document.documentElement;
        //IE 10及以下ActiveXObject
        if (window.ActiveXObject) {
          console.log("IE 10及以下ActiveXObject");
          let WsShell = new ActiveXObject("WScript.Shell");
          WsShell.SendKeys("{F11}");
        }
        //HTML W3C 提议
        else if (element.requestFullScreen) {
          console.log("HTML W3C 提议");
          element.requestFullScreen();
        }
        //IE11
        else if (element.msRequestFullscreen) {
          console.log("IE11");
          element.msRequestFullscreen();
        }
        // Webkit (works in Safari5.1 and Chrome 15)
        else if (element.webkitRequestFullScreen) {
          console.log("Webkit");
          element.webkitRequestFullScreen();
        }
        // Firefox (works in nightly)
        else if (element.mozRequestFullScreen) {
          console.log("Firefox");
          element.mozRequestFullScreen();
        }
   }

2、取消全屏设置

      const backClick = ()=>{
        var element = document.documentElement;
        //IE ActiveXObject
        if (window.ActiveXObject) {
          var WsShell = new ActiveXObject("WScript.Shell");
          WsShell.SendKeys("{F11}");
        }
        //HTML5 W3C 提议
        else if (element.requestFullScreen) {
          document.exitFullscreen();
        }
        //IE 11
        else if (element.msRequestFullscreen) {
          document.msExitFullscreen();
        }
        // Webkit (works in Safari5.1 and Chrome 15)
        else if (element.webkitRequestFullScreen) {
          document.webkitCancelFullScreen();
        }
        // Firefox (works in nightly)
        else if (element.mozRequestFullScreen) {
          document.mozCancelFullScreen();
        }
   }

ps转载链接找不到，找到后备注来源