JavaScript 中能否判斷瀏覽器是否全屏？

document.addEventListener("fullscreenchange",?function(?event?)?{

成都創(chuàng)新互聯(lián)專注于奎文企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城開發(fā)。奎文網(wǎng)站建設(shè)公司,為奎文等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站設(shè)計(jì)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

if?(document.fullscreenElement)?{

console.log('進(jìn)入全屏');

}?else?{

console.log('退出全屏');

}});

可以這樣判斷。但是舊版IE是不支持的。

JS實(shí)現(xiàn)瀏覽器全屏

注解：ele要全屏的元素

退出全屏直接使用document調(diào)用exitFullscreen方法即可。

document.fullscreenElement()：獲取當(dāng)前全屏的元素。

注意：

1.document下沒有requestFullscreen

2.requestFullscreen方法只能由用戶觸發(fā)，比如：在onload事件中不能觸發(fā)

3.頁面跳轉(zhuǎn)需先退出全屏

4.進(jìn)入全屏的元素，將脫離其父元素，所以可能導(dǎo)致某些css失效

解決方案：使用 :full-screen偽類 為元素添加全屏?xí)r的樣式（使用時(shí)為了兼容注意添加-webkit、-moz或-ms前綴）

5.一個(gè)元素全屏后，其子元素要再全屏，需先讓該元素退出全屏

JS 實(shí)現(xiàn)全屏效果

點(diǎn)擊按鈕觸發(fā) requestFullscreen() 函數(shù)打開全屏

點(diǎn)擊按鈕觸發(fā) exitFullScreen() 函數(shù)關(guān)閉全屏

如果需要監(jiān)聽全屏狀態(tài)變換，可以監(jiān)聽 fullscreenchange 時(shí)間

網(wǎng)頁名稱：全屏javascript,全屏快捷鍵
當(dāng)前URL：http://chinadenli.net/article30/dsgsgso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、靜態(tài)網(wǎng)站、Google、網(wǎng)站策劃、做網(wǎng)站、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)