"fullscreenchange“事件并不是与每个浏览器都兼容(寻找Vanilla Javascript修复)

// 检测不同浏览器的前缀
var fullscreenChangeEvents = [
  'fullscreenchange',
  'webkitfullscreenchange',
  'mozfullscreenchange',
  'MSFullscreenChange'
];

// 绑定fullscreenchange事件的处理程序
function bindFullscreenChangeHandler(handler) {
  for (var i = 0; i < fullscreenChangeEvents.length; i++) {
    document.addEventListener(fullscreenChangeEvents[i], handler);
  }
}

// 示例处理程序
function handleFullscreenChange() {
  if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement) {
    // 进入全屏模式时执行的操作
    console.log('进入全屏模式');
  } else {
    // 退出全屏模式时执行的操作
    console.log('退出全屏模式');
  }
}

// 使用示例
bindFullscreenChangeHandler(handleFullscreenChange);