DaveLeeCN
2015-07-23 06:55
采纳率: 66.7%
浏览 3.6k
已采纳

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

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • threenewbee 2015-07-23 06:59
    已采纳

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

    评论
    解决 无用
    打赏 举报
查看更多回答(1条)

相关推荐 更多相似问题