JS全屏和取消全屏

最新推荐文章于 2024-05-16 14:43:58 发布

我是陶陶呀

最新推荐文章于 2024-05-16 14:43:58 发布

阅读量341

点赞数 1

分类专栏： JavaScript基础

本文链接：https://blog.csdn.net/weixin_43473561/article/details/112843552

版权

JavaScript基础专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.全屏

注：全屏整页 const el = document.documentElement;，指定某个盒子全屏const el = document.getElementById('boxId');

  handleFullScreen = () => {
    const el = document.getElementById('boxId'); 
    const rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
    if (typeof rfs !== 'undefined' && rfs) {
      rfs.call(el);
    }
  };

2.退出全屏

  handleFullScreenExit = () => {
    const cfs = document.cancelFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.exitFullScreen;
    if (typeof cfs !== 'undefined' && cfs) {
      cfs.call(document);
    }
  };