2013-01-14 20 views
1

所以我做了一个全屏切换按钮,但是当我处于全屏浏览模式并点击另一个链接时,导航栏会出现。全屏html5并打开另一个链接

有没有办法保持导航栏隐藏,以便我的访问者可以通过我的网站(当去其他内部链接时)全屏浏览?

我知道我可以使用iframe,但我宁愿不。 (在stackoverflow上有类似的问题,但未回复 HTML 5 full screen site exits full screen mode on internal links

干杯!

$('#fullscreen').toggle(
    function(){ 
     if (docElm.requestFullscreen) { 
      docElm.requestFullscreen(); 
     } 
     else if (docElm.mozRequestFullScreen) { 
      docElm.mozRequestFullScreen(); 
     } 
     else if (docElm.webkitRequestFullScreen) { 
      docElm.webkitRequestFullScreen(); 
     } 
     else if (docElm.msRequestFullScreen) { 
      docElm.msRequestFullScreen(); 
     } 
    }, 
    function(){ 
     if (document.exitFullscreen) { 
      document.exitFullscreen(); 
     } 
     else if (document.mozCancelFullScreen) { 
      document.mozCancelFullScreen(); 
     } 
     else if (document.webkitCancelFullScreen) { 
      document.webkitCancelFullScreen(); 
     } 
    } 
); 

回答

1

它似乎有一个这样的事件处理程序。尝试:

document.addEventListener("fullscreenchange", function (e) { 
    e.stopPropagation(); 
}); 

你当然需要这个只适用于他们没有击中“退出全屏按钮”或他们会卡住。

+0

谢谢安德鲁!这不会在刷新页面时起作用,因为JavaScript无法阻止传播(我认为这是一个没有解决方案的技术限制)。但是,当我通过ajax加载我的页面时,它确实有效。你还有其他建议吗? – adnan

+0

我可能。你有任何事件处理程序附加到这些链接,并使用什么浏览器? –

+0

不,我没有任何事件挂钩链接,但我可以添加它们。我尝试了铬和safari。 – adnan

相关问题