將需要全屏顯示的DOM元素作為參數(shù),調(diào)用此方法即可讓window進(jìn)入全屏狀態(tài),有時(shí)候可能需要用戶同意(瀏覽器自己和用戶交互),假若用戶拒絕,則可能出現(xiàn)各種不完全的全屏.

　　如果用戶同意進(jìn)入全屏,那么工具欄以及其他瀏覽器組件會(huì)隱藏起來(lái),使document框架的寬度和高度橫跨整個(gè)屏幕.

　　退出全屏模式

　　使用 exitFullscreen 方法可以使瀏覽器退出全屏,返回原先的布局. 該方法在一些老的瀏覽器上也是支持前綴方法.

　　復(fù)制代碼

　　代碼如下:

　　// 退出 fullscreen

　　function exitFullscreen() {

　　if(document.exitFullscreen) {

　　document.exitFullscreen();

　　} else if(document.mozExitFullScreen) {

　　document.mozExitFullScreen();

　　} else if(document.webkitExitFullscreen) {

　　document.webkitExitFullscreen();

　　}

　　}

　　// 調(diào)用退出全屏方法!

　　exitFullscreen();

　　請(qǐng)注意: exitFullscreen 只能通過(guò) document 對(duì)象調(diào)用 —— 而不是使用普通的 DOM element.

　　Fullscreen 屬性與事件

　　一個(gè)壞消息,到目前為止,全屏事件和方法依然是帶前綴的,好消息就是很快主流瀏覽器就會(huì)都支持。

　　1.document.fullscreenElement: 當(dāng)前處于全屏狀態(tài)的元素 element.

　　2.document.fullscreenEnabled: 標(biāo)記 fullscreen 當(dāng)前是否可用.

　　當(dāng)進(jìn)入/退出 全屏模式時(shí),會(huì)觸發(fā) fullscreenchange 事件:

　　代碼如下:

　　var fullscreenElement =

　　document.fullscreenEnabled

　　|| document.mozFullscreenElement

　　|| document.webkitFullscreenElement;

　　var fullscreenEnabled =

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。