Vue3监听页面是否全屏(监听与自动退出全屏)

const isFullscreen = ref(false);
const handleFullscreenChange = () => {
  isFullscreen.value = document.fullscreenElement !== null || document.webkitIsFullScreen;
  console.log(isFullscreen.value,"_____")
};
onMounted(() => {
  document.addEventListener('fullscreenchange', handleFullscreenChange);
  document.addEventListener('webkitfullscreenchange', handleFullscreenChange);
});
onUnmounted(() => {
  document.removeEventListener('fullscreenchange', handleFullscreenChange);
  document.removeEventListener('webkitfullscreenchange', handleFullscreenChange);
});