jquery - 全屏html5并打开另一个链接

Question

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

有没有办法隐藏导航栏，以便我的访问者可以全屏浏览我的网站（当转到其他内部链接时）？

我知道我可以使用 iframe，但我不想这样做。（在 stackoverflow 上有一个类似的问题，没有回答，但是 HTML 5 全屏站点在内部链接上退出全屏模式）

干杯!

$('#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();
        }
    }
);

Answer 1

似乎有一个事件处理程序。尝试：

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

您当然需要仅在他们没有点击“退出全屏按钮”时才应用它，否则他们会被卡住。