我做了一個網頁導航條的效果,默認是隱藏的,鼠標離開頁面最上方的時候顯示導航條,效果也已經實現。
現在有個想法,就是網頁全屏的時候也顯示導航條,不過發現問題了: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
這種判斷不可靠,因為如果浏覽器內框架沒有獲得焦點,用戶一樣可以全屏,但是不會觸發這個事件。