2013-01-14 22 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

相關問題