可通过document.fullscreenelement等属性检测全屏状态：标准属性返回当前全屏元素，null表示未全屏；兼容旧版需检查webkitfullscreenelement等前缀属性；封装函数isfullscreen()返回布尔值；监听fullscreenchange事件可实时响应状态变化。
可以通过 document.fullscreenElement（标准属性）或其带前缀的旧版属性来检测当前页面是否处于全屏状态。
使用标准 API 检测全屏状态
现代浏览器主要支持标准的 fullscreenElement 属性：
-
document.fullscreenElement返回当前处于全屏模式的元素，若为null或undefined，表示未全屏； - 该属性是只读的，无需调用方法，直接取值即可判断；
- 注意拼写是
fullscreen（一个单词），不是full-screen或fullScreen。
兼容旧版浏览器（可选）
部分老版本 Chrome、Safari、Firefox 曾使用带前缀的属性，如需兼容可做 fallback 判断：
-
document.webkitFullscreenElement（Safari、旧版 Chrome） -
document.mozFullScreenElement（旧版 Firefox） -
document.msFullscreenElement（旧版 IE/Edge） - 建议优先检查标准属性，再逐个回退，避免误判。
简单实用的检测函数
封装一个兼容性检测函数，返回布尔值：
function isFullscreen() {
return !!(
document.fullscreenElement ||
document.webkitFullscreenElement ||
document.mozFullScreenElement ||
document.msFullscreenElement
);
}
调用 isFullscreen() 即可获得 true（全屏中）或 false（未全屏）。
监听全屏状态变化
可通过监听 fullscreenchange 事件实时响应切换：
- 添加监听：
document.addEventListener('fullscreenchange', handler)； - 在 handler 中再次调用
isFullscreen()或直接读取document.fullscreenElement； - 注意该事件不带参数，需自行判断当前状态。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
