JS全屏or退出全屏

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

  // 退出全屏
  fullExit = () => {
    const element = document.documentElement;
    if (window.ActiveXObject) { // IE ActiveXObject
      const WsShell = new window.ActiveXObject('WScript.Shell');
      WsShell.SendKeys('{F11}');
    } else if (element.requestFullScreen) { // HTML5 W3C 提议
      document.exitFullScreen();
    } else if (element.msRequestFullscreen) { // IE 11
      document.msExitFullscreen();
    } else if (element.webkitRequestFullScreen) { // Webkit (works in Safari5.1 and Chrome 15)
      document.webkitCancelFullScreen();
    } else if (element.mozRequestFullScreen) { // Firefox (works in nightly)
      document.mozCancelFullScreen();
    }
  };
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容