全屏插件监听进入退出事件

npm install screenfull

 1.监听全屏事件和退出全屏事件

  const handleFullscreenChange = () => {
    // 检查当前是否处于全屏状态
    if (!document.fullscreenElement) {
      console.log('已退出全屏');
      setShow(false)
      setShowIcon(true)
      // 这里可以执行你希望在退出全屏时做的操作
    } else {
      setShow(true)
      setShowIcon(false)
      // console.log('进入全屏');
      // 可以在这里处理进入全屏的逻辑
    }
  };
  // 监听点击事件以触发全屏
  useEffect(() => {
    // 添加监听器，监听全屏变化事件
    document.addEventListener('fullscreenchange', handleFullscreenChange);
    // 清理函数，移除监听器
    return () &