全屏、退出全屏---兼容各浏览器 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}");}}}

注意大小写

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

vue自写全屏/退出全屏组件
页面代码 isFullscreen主要是判断当前是否为全屏状态,然后展示不同的文字和svg图标组件传入的值为当前需要全屏的模块div的id名 vue data中定义是否全屏的值,默认为false i ...
esc键退出全屏 vue_vue项目实现全屏,退出全屏，图标切换的解决方案
vue项目实现全屏,退出全屏,图标切换的解决方案 vue项目点击按钮实现全屏很容易,点击按钮退出全屏也很容易. fullScreen(){ var element=document.documentE ...
html全屏/退出全屏按钮，以及监听Esc退出后按钮样式变更
全屏和退出全屏引用了layui里面的icon标签,也可以使用自己的图片,都可以. html: <div id="screenDiv"><!-- 以下是layui里 ...
【Vue实用功能】Vue实现浏览器全屏退出全屏
Vue实现浏览器全屏 vue代码 <v-btn class="ml-2" @click="fullScreen" v-show="!is_sma ...
浏览器切换全屏|退出全屏
一.进入全屏浏览器无法自启动以后立即触发进入全屏 function requestFullScreen() {var de = document.documentElement;if (de.re ...
js 全屏退出全屏
直接上代码: 全屏 function fullScreen() {var el = document.documentElement;var rfs = el.requestFullScreen || ...
three.js全屏退出全屏
window.addEventListener("dblclick", () => {const fullScreenElement = document.fullscree ...
Putty全屏/退出全屏快捷键
转载于:https://www.cnblogs.com/sos-blue/p/5287571.html
火狐浏览器读取ukey_火狐 83版引入HTTPS-Only模式确保访问安全连接
最近,Mozilla正式更新了火狐浏览器Firefox 83版本,最新版本引入了HTTPS-Only 模式的新安全功能.选项描述显示,HTTPS可在Firefox和您访问的网站之间提供安全.加密的连接 ...

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

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

最新文章

热门文章