2 daveleecn DaveLeeCN 于 2015.07.23 14:55 提问

关于浏览器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用法原因:如果不用的话会瞬间调到全屏状态,导航栏闪一下的效果都没看见。

3个回答

caozhy
caozhy   Ds   Rxr 2015.07.23 14:59
已采纳

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

DaveLeeCN
DaveLeeCN 问题已解决,使用amazeui插件的fullscreen组件判断是否全屏,执行代码
2 年多之前 回复
DaveLeeCN
DaveLeeCN 那怎么判断?
2 年多之前 回复
DaveLeeCN
DaveLeeCN   2015.07.23 18:10

没人研究过这个问题吗?

CSDNXIAOD
CSDNXIAOD   2015.07.29 18:19

浏览器下的网页全屏尺寸
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

Csdn user default icon
上传中...
上传图片
插入图片