单击链接时,将浏览器转换为全屏恢复正常

时间:2014-05-29 13:12:12

标签: javascript jquery

我正在构建一个基于Web的管理软件,并希望添加选项以将其放大到全屏,以获得尽可能多的空间。 为此,我尝试了一些jquery插件和以下代码

 function toggleFullScreen() {
   if (!document.fullscreenElement &&    // alternative standard method
    !document.mozFullScreenElement && !document.webkitFullscreenElement) {  // current working methods
     if (document.documentElement.requestFullscreen) {
       document.documentElement.requestFullscreen();
     } else if (document.documentElement.mozRequestFullScreen) {
       document.documentElement.mozRequestFullScreen();
     } else if (document.documentElement.webkitRequestFullscreen) {
       document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
     }
   } else {
      if (document.cancelFullScreen) {
         document.cancelFullScreen();
      } else if (document.mozCancelFullScreen) {
         document.mozCancelFullScreen();
      } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
      }
   }
 }

问题是当我点击任何链接并重新加载页面时,它会恢复到正常模式。 单击键盘上的F11时不会发生这种情况。 这是api的限制还是有一种方法可以完美地模拟F11模式?

0 个答案:

没有答案