Here achieve full-screen and full-screen exit is an imitation press F11.
1. Full Screen
. 1 function the fullScreen () { 2 var EL = document.documentElement; . 3 var RFS = el.requestFullScreen el.mozRequestFullScreen || || || el.webkitRequestFullScreen el.msRequestFullScreen; . 4 . 5 // typeof RFS = "undefined" RFS &&! . 6 IF (RFS) { . 7 rfs.call (EL); . 8 } . 9 the else IF ( typeof ! == window.ActiveXObject "undefined" ) { 10 // for IEs, in fact, where a simulated keyboard is pressed F11, so full-screen browser 11 var wscript = new new ActiveXObject("WScript.Shell"); 12 if (wscript != null) { 13 wscript.SendKeys("{F11}"); 14 } 15 } 16 }
2. Exit Full Screen
1 function exitScreen(){ 2 var el = document; 3 var cfs = el.cancelFullScreen || el.webkitCancelFullScreen || el.mozCancelFullScreen || el.exitFullScreen; 4 5 //typeof cfs != "undefined" && cfs 6 if (cfs) { 7 cfs.call(el); 8 } 9 else if (typeof window.ActiveXObject !== "undefined") { 10 //for IE,这里和fullScreen相同,模拟按下F11键退出全屏 11 var wscript = new ActiveXObject("WScript.Shell"); 12 if (wscript != null) { 13 wscript.SendKeys("{F11}"); 14 } 15 } 16 }
3. Of course in order to achieve full screen typically have the effect of adding a Class
1 .full{ 2 position: fixed!important; 3 z-index: 10000; 4 width: 100%!important; 5 height: 100%!important; 6 top: 0; 7 left: 0; 8 }