捕获Chrome浏览器全屏退出事件

参考地址

document.addEventListener("fullscreenchange", function(e) {console.log("fullscreenchange", e);
});
document.addEventListener("mozfullscreenchange", function(e) {console.log("mozfullscreenchange ", e);
});
document.addEventListener("webkitfullscreenchange", function(e) {console.log("webkitfullscreenchange", e);
});
document.addEventListener("msfullscreenchange", function(e) {console.log("msfullscreenchange", e);
});

解决方法：

 document.addEventListener("webkitfullscreenchange", function (e) {if (e.currentTarget.webkitIsFullScreen) {//注意：这里的frames[id]，id是拓扑图监控的菜单id，如果菜单id变了，这里也要相应的变化$("#fullscreen1", window.frames['name'].document).hide();$("#quitfullscreen", window.frames['name'].document).show();} else {$("#fullscreen1", window.frames['name'].document).show();$("#quitfullscreen", window.frames['name'].document).hide();}}, false);

捕获Chrome浏览器全屏退出事件相关推荐

Chrome浏览器全屏打开指定网页以及开机自启
前言最近一个项目是给社区做一个便民服务,设备是室外触摸大屏(windows系统),而项目载体居然是web网页.项目的核心是只给用户使用网页上的内容,那么需求就很明确了: 浏览器全屏打开指定网页浏览 ...
【Vue实用功能】Vue实现浏览器全屏退出全屏
Vue实现浏览器全屏 vue代码 <v-btn class="ml-2" @click="fullScreen" v-show="!is_sma ...
chrome 浏览器全屏操作
chrome.exe -kiosk [网页] 转载于:https://www.cnblogs.com/yang95/articles/9335975.html
esc键退出全屏 vue_解决了VUE在浏览器全屏下监听不到Esc键盘事件
说明: 实测可以在谷歌.火狐.360 浏览器使用解决了在浏览器全屏下监听不到键盘Esc事件解决了取消全屏和全屏的同步问题,ESC按键下可以同步以下是完整的代码, // data() { retu ...
js 进入浏览器全屏（F11效果）、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式（全屏伪类）
各部分功能代码详见注释: <template><div><button v-if="!ifFullScreen" @click="fullS ...
js实现浏览器全屏与退出全屏，解决chrome下F11进入全屏后退出全屏API方法失效
1. 问题说明网页全屏和退出全屏其实已经算的上一个很常见的功能了,那是不是直接用HTML5全屏API就没什么问题了,但是不要忘了键盘上的F11有着同样的功能,实际使用的时候就发现F11使网页进入全屏 ...
解决VUE在浏览器全屏下监听不到Esc键盘事件
实测可以在谷歌.火狐.360 浏览器使用解决了在浏览器全屏下监听不到键盘Esc事件解决了取消全屏和全屏的同步问题,ESC按键下可以同步以下是完整的代码, // data() {return {i ...
vue中浏览器全屏和退出全屏
1.首先要判断浏览器类型 (是否IE),来控制是否展示功能,在计算属性中判断: computed: {showFullScreenBtn () {return window.navigator.use ...
vue实现全屏只显示内容不显示导航条和退出全屏调用事件
啊萨达一.需求尝试分析二.实现内容全屏(导航条不显示) 1.页面全屏 2.部分元素全屏 3.退出全屏调用事件一.需求尝试分析先说一下需求:要求在第一个页面点击全屏按钮进入全屏或者第二个新的页面 ...

捕获Chrome浏览器全屏退出事件

捕获Chrome浏览器全屏退出事件相关推荐

最新文章

热门文章