需求:點擊按鈕讓頁面全屏,並且菜單導航欄隱藏,content寬度100%;按esc鍵退出全屏,菜單導航欄顯示;
問題:按esc退出全屏無法監聽到鍵盤按下事件,(兼容性問題,監聽是否全屏狀態,火狐監聽不起作用);
解決思路:監聽頁面瀏覽器大小,判斷頁面的實際高度是否等於瀏覽器的分辨率的高度;
注意事項:必須要把body的高度設置為100%;margin為0;padding為0;否則頁面的實際高度不等於瀏覽器的分辨率的高度;
*************************************************************************************************************************************************
css部分
html部分
js部分
1)點擊進入全屏
2)、監聽頁面變化 執行后續操作