esc监听全屏

最新推荐文章于 2024-03-06 10:29:06 发布

我即将远走丶或许也能高飞

最新推荐文章于 2024-03-06 10:29:06 发布

阅读量135

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/weixin_47756693/article/details/128583622

版权

该代码段定义了一个名为listenfullscreen的函数，它接受一个回调函数作为参数。函数内部对全屏事件(fullscreenchange,mozfullscreenchange,webkitfullscreenchange,msfullscreenchange)进行了监听，并在任何一种全屏状态改变时执行回调函数，确保在不同浏览器中都能响应全屏切换。

摘要由CSDN通过智能技术生成

export const listenfullscreen = (callback) => {
  function listen() {
    callback()
  }

  document.addEventListener("fullscreenchange", function () {
    listen();
  });
  document.addEventListener("mozfullscreenchange", function () {
    listen();
  });
  document.addEventListener("webkitfullscreenchange", function () {
    listen();
  });
  document.addEventListener("msfullscreenchange", function () {
    listen();
  });
};