html5 - 如何捕获全屏退出事件？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html5 - 如何捕获全屏退出事件？

巴扎黑 2017-04-17 11:49:12

[HTML讨论组]

426

现在我点击退出全屏模式，那么我怎么捕获这个事件呢？或者，不显示这个提示框也可以，有谁知道吗？

巴扎黑

全部回复(1)

迷茫2017-04-17 11:51:12 1楼

监听 fullscreenchange 事件

需加前缀

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);
});

不清楚 jquery 对这个事件的兼容程度，请自己查 jquery 文档

不能不显示提示框，这是浏览器实现的，控制不了