JavaScript全屏，监听页面是否全屏

在JavaScript中，直接监听浏览器是否进入全屏模式并不直接支持，因为全屏API主要是关于请求和退出全屏模式的，而没有直接的监听器可以告知页面何时进入或退出全屏模式。但是，你可以通过在你的代码中跟踪全屏状态的改变来模拟这个功能。

以下是一个基本的示例，展示了如何使用全屏API来请求全屏模式，并在请求成功或失败时更新一个状态变量：

javascriptlet isInFullscreen = false;

// 全屏请求函数
function requestFullscreen(element) {
if (element.requestFullscreen) {
element.requestFullscreen().then(() => {
isInFullscreen = true;
console.log("全屏模式已启用");
}).catch(err => {
console.error("无法进入全屏模式", err);
});
} else if (element.mozRequestFullScreen) { /* Firefox */
element.mozRequestFullScreen().then(() => {
isInFullscreen = true;
console.log("全屏模式已启用");
}).catch(err => {
console.error("无法进入全屏模式", err);
});
} else if (element.webkitRequestFullscreen) { /* Chrome, Safari 和 Opera */
element.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT).then(() => {
isInFullscreen = true;
console.log("全屏模式已启用")