程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> js-關於浏覽器F11網頁全屏問題

js-關於浏覽器F11網頁全屏問題

編輯:編程綜合問答
關於浏覽器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
這種判斷不可靠,因為如果浏覽器內框架沒有獲得焦點,用戶一樣可以全屏,但是不會觸發這個事件。

DaveLeeCN
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved