问题描述

关于浏览器F11网页全屏问题

我做了一个网页导航条的效果，默认是隐藏的，鼠标离开页面最上方的时候显示导航条，效果也已经实现。
现在有个想法，就是网页全屏的时候也显示导航条，不过发现问题了：1、导航条显示一下瞬间又消失了；2、网页全屏状态下按F11js代码不执行。下面是我的代码，哪路大神能看下给个建议。

 var scrheight = screen.height;
var webheight = $(window).height();
//alert(scrheight+":"+webheight);
$(window).keydown(function(event){
    if(event.keyCode == 122){
        setTimeout(navshow, 500);
    }
});

function navshow(){
    console.log(screenheight+":"+webheight);
    if(screenheight == webheight){
        alert("yes");
        navigationShow();
    }
    else{
        alert("not");
        navigationHide();
    }
}

PS：setTimeout用法原因：如果不用的话会瞬间调到全屏状态，导航栏闪一下的效果都没看见。

解决方案

event.keyCode == 122
这种判断不可靠，因为如果浏览器内框架没有获得焦点，用户一样可以全屏，但是不会触发这个事件。

解决方案二：

没人研究过这个问题吗？

解决方案三：

浏览器下的网页全屏尺寸