解决vue3项目页面全屏后按esc退出全屏监听不到keydown事件

最新推荐文章于 2025-03-10 15:07:38 发布

南方姑娘-qing

最新推荐文章于 2025-03-10 15:07:38 发布

阅读量1.4k

点赞数 13

文章标签：前端 vue3

本文链接：https://blog.csdn.net/csdn_cai_csdn/article/details/135379163

版权

1. 全屏、退出全屏功能代码

const handleScreen = (type: number) => {
   
  // 整个html全屏
  let eleDom = document.getElementById("large-screen") as any;
  let doc = document as any;
  if (type === 1) {
   
    isFullScreen.value = true;
    if (eleDom.RequestFullScreen) {
   
      eleDom.RequestFullScreen();
    }
    //兼容火狐
    if (eleDom.mozRequestFullScreen) {
   
      eleDom.mozRequestFullScreen();