1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 全屏 退出全屏---兼容各浏览器 IE Chrom 火狐 360极速模式/兼容模式

全屏 退出全屏---兼容各浏览器 IE Chrom 火狐 360极速模式/兼容模式

时间:2019-07-09 05:37:11

相关推荐

全屏 退出全屏---兼容各浏览器 IE Chrom 火狐 360极速模式/兼容模式

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; //IE11if (requestMethod) {requestMethod.call(element); //执行这个请求的方法} else if (typeof window.ActiveXObject !== "undefined") { //window.ActiveXObject判断是否支持ActiveX控件//这里其实就是模拟了按下键盘的F11,使浏览器全屏var wscript = new ActiveXObject("WScript.Shell"); //创建ActiveXif (wscript !== null) { //创建成功wscript.SendKeys("{F11}");//触发f11}}}//退出全屏function exitFull(element) {var exitMethod = document.exitFullscreen || //W3Cdocument.mozCancelFullScreen || //FireFoxdocument.webkitExitFullScreen || //Chrome等document.webkitExitFullscreen || //360极速模式document.msExitFullscreen; //IE11if (exitMethod) {exitMethod.call(document);} else if (typeof window.ActiveXObject !== "undefined") { //for Internet Explorervar wscript = new ActiveXObject("WScript.Shell");if (wscript !== null) {wscript.SendKeys("{F11}");}}}

注意大小写

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。