HTML: 获取当前全屏的dom节点

羊城大主劦

于 2023-02-23 10:28:20 发布

阅读量201

点赞数

分类专栏： html 文章标签： javascript html5

本文链接：https://blog.csdn.net/weixin_40968646/article/details/129176421

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

可以使用 document.fullscreenElement 属性获取当前全屏显示的元素节点。

代码示例：

var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;
if (fullscreenElement) {
  // 当前处于全屏状态，fullscreenElement即为全屏元素节点
} else {
  // 当前未处于全屏状态
}

其中，document.mozFullScreenElement 和 document.webkitFullscreenElement 是 Firefox 和 Chrome 中获取全屏元素节点的属性，为保证兼容性可以同时使用。