js实现F11全屏成果

提醒

该事件只能从用户操作的事件触发,因为全屏后看不到地址栏,很容易做成坑骗性质的钓鱼网站

  1. 关上全屏:

        const docElm = document.documentElement;    if (docElm.requestFullscreen) {          docElm.requestFullscreen();      }      else if (docElm.mozRequestFullScreen) {          docElm.mozRequestFullScreen();      }      else if (docElm.webkitRequestFullScreen) {          docElm.webkitRequestFullScreen();      }      else if (elem.msRequestFullscreen) {          elem.msRequestFullscreen();      } 
  2. 退出全屏:

        if (document.exitFullscreen) {          document.exitFullscreen();      }      else if (document.mozCancelFullScreen) {          document.mozCancelFullScreen();      }      else if (document.webkitCancelFullScreen) {          document.webkitCancelFullScreen();      }      else if (document.msExitFullscreen) {          document.msExitFullscreen();      }