js实现浏览器全屏

最新推荐文章于 2024-07-19 15:49:07 发布

aawuwuwuxx

最新推荐文章于 2024-07-19 15:49:07 发布

阅读量882

点赞数 1

分类专栏：基础知识

基础知识专栏收录该内容

18 篇文章 0 订阅

订阅专栏

html

<div id="allScreen">全屏</div>

js

$("#allScreen").click(function(){
	if(flag){
		fullScreen();
	}else{
		exitFull();
	}
	flag = !flag;
});
function fullScreen() {

  var el = document.documentElement;

  var rfs = el.requestFullScreen || el.webkitRequestFullScreen || 

	  el.mozRequestFullScreen || el.msRequestFullScreen;

  if(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 exitFull() {
  // 判断各种浏览器，找到正确的方法
  var exitMethod = document.exitFullscreen || document.mozCancelFullScreen || document.webkitExitFullscreen || document.webkitExitFullscreen; 
  if (exitMethod) {
	exitMethod.call(document);
  }
  else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
	var wscript = new ActiveXObject("WScript.Shell");
	if (wscript !== null) {
	  wscript.SendKeys("{F11}");
	}
  }
}