JS 進入全屏特效


///////////////////////////////////////////////////////////////////////////
//瀏覽器進入全屏模式,兼容IE
function fullScreen( ) {
	var el = document.documentElement; 
	var rfs = el.requestFullScreen || 
                el.webkitRequestFullScreen || 
                el.mozRequestFullScreen || 
                el.msRequestFullScreen; 
	if (rfs) { //typeof rfs != "undefined" && rfs 
		rfs.call(el); 
	} else if (typeof window.ActiveXObject != "undefined") { 
        //for IE,這裏其實就是模擬了按下鍵盤的F11,使瀏覽器全屏 
		var wscript = new ActiveXObject("WScript.Shell"); 
		if (wscript != null) { 
			wscript.SendKeys("{F11}"); 
		} 
	}
}

///////////////////////////////////////////////////////////////////////////
//退出全屏顯示
function exitFullScreen( ) {
	var el = document; 
	var cfs = el.cancelFullScreen || 
                el.webkitCancelFullScreen || 
                el.mozCancelFullScreen ||
                 el.exitFullScreen; 
	if (cfs) { 
		//typeof cfs != "undefined" && cfs 
		cfs.call(el); 
	} else if (typeof window.ActiveXObject != "undefined") { 
		//for IE,這裏和fullScreen相同,模擬按下F11鍵退出全屏 
		var wscript = new ActiveXObject("WScript.Shell"); 
		if (wscript != null) { 
			wscript.SendKeys("{F11}"); 
		} 
	}
}

 

 

這樣子確實是可以使得當前頁面進入全屏模式

但是不足的是跳轉/刷新之後就會自動退出全屏模式 , 與手動按下F11不一樣 可惜可惜

若大神知道怎麼搞 能不自動退出全屏, 請告知, 蟹蟹

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章