點擊按鈕全屏,按esc退出全屏


需求:點擊按鈕讓頁面全屏,並且菜單導航欄隱藏,content寬度100%;按esc鍵退出全屏,菜單導航欄顯示;

問題:按esc退出全屏無法監聽到鍵盤按下事件,(兼容性問題,監聽是否全屏狀態,火狐監聽不起作用);

解決思路:監聽頁面瀏覽器大小,判斷頁面的實際高度是否等於瀏覽器的分辨率的高度;

注意事項:必須要把body的高度設置為100%;margin為0;padding為0;否則頁面的實際高度不等於瀏覽器的分辨率的高度;

*************************************************************************************************************************************************

css部分

 

 

html部分

 

js部分

1)點擊進入全屏

2)、監聽頁面變化 執行后續操作

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM