js 网页全屏事件

// 请求全屏
function requestFullScreen(element) {
  if (element.requestFullscreen) {
    element.requestFullscreen();
  } else if (element.mozRequestFullScreen) { // Firefox
    element.mozRequestFullScreen();
  } else if (element.webkitRequestFullscreen) { // Chrome, Safari and Opera
    element.webkitRequestFullscreen();
  } else if (element.msRequestFullscreen) { // IE/Edge
    element.msRequestFullscreen();
  }
}

// 监听全屏变化事件
document.addEventListener('fullscreenchange', function () {
  if (document.fullscreenElement) {
    console.log('进入全屏模式');
  } else {
    console.log('退出全屏模式');
  }
});

// 监听全屏错误事件
document.addEventListener('fullscreenerror', function () {
  console.log('全屏请求失败');
});

// 使用示例：点击按钮请求全屏
document.getElementById('fullscreen-button').addEventListener('click', function () {
  requestFullScreen(document.documentElement); // 请求整个文档全屏
});