有没有办法在进入特定的全屏部分时改变标题背景？

.title {
  background-color: #f1f1f1;
}

// 获取全屏元素
var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement;

// 监听全屏变化事件
document.addEventListener('fullscreenchange', handleFullscreenChange);
document.addEventListener('mozfullscreenchange', handleFullscreenChange);
document.addEventListener('webkitfullscreenchange', handleFullscreenChange);

// 处理全屏变化事件
function handleFullscreenChange() {
  // 检查是否进入了特定的全屏部分
  if (fullscreenElement && fullscreenElement.classList.contains('specific-section')) {
    // 进入了特定的全屏部分，改变标题背景
    document.querySelector('.title').classList.add('fullscreen');
  } else {
    // 未进入特定的全屏部分，恢复标题背景
    document.querySelector('.title').classList.remove('fullscreen');
  }
}

.title.fullscreen {
  background-color: #000;
  color: #fff;
}