function events() {
//全屏
document.getElementById("btn").onclick = function () {
var elem = document.getElementById("box");
if (!flag) {
requestFullScreen(elem);
} else {
exitFull(elem)
}
}
//全屏或者退出全屏会触发
document.addEventListener("fullscreenchange", function (e) {
flag = !flag; //是否为全屏
if (flag) {
//设置样式
} else {
//设置样式
}
});
document.addEventListener("mozfullscreenchange", function (e) {
flag = !flag; //是否为全屏
if (flag) {
//设置样式
} else {
//设置样式
}
});
document.addEventListener("webkitfullscreenchange", function (e) {
flag = !flag; //是否为全屏
if (flag) {
//设置样式
} else {
//设置样式
}
});
document.addEventListener("MSFullscreenChange", function (e) {
flag = !flag; //是否为全屏
if (flag) {
//设置样式
} else {
//设置样式
}
});
}
//全屏
function requestFullScreen(element) {
//某个元素有请求
var requestMethod = element.requestFullScreen
|| element.webkitRequestFullScreen //谷歌
|| element.mozRequestFullScreen //火狐
|| element.msRequestFullscreen; //IE11
if (requestMethod) {
requestMethod.call(element); //执行这个请求的方法
} else if (typeof window.ActiveXObject !== "undefined") { //window.ActiveXObject判断是否支持ActiveX控件
//这里其实就是模拟了按下键盘的F11,使浏览器全屏
var wscript = new ActiveXObject("WScript.Shell"); //创建ActiveX
if (wscript !== null) { //创建成功
wscript.SendKeys("{F11}");//触发f11
}
}
}
//退出全屏
function exitFull(element) {
var exitMethod = document.exitFullscreen || //W3C
document.mozCancelFullScreen || //FireFox
document.webkitExitFullScreen || //Chrome等
document.webkitExitFullscreen || //360极速模式
document.msExitFullscreen; //IE11
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}");
}
}
}
注意大小写