要实现在刷新页面时不退出全屏,可以使用以下代码:

function refreshPage() {
  var isFullScreen = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement;

  if (isFullScreen) {
    // 保存当前全屏状态的元素
    var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement;
    var fullscreenFunction = document.exitFullscreen || document.mozCancelFullScreen || document.webkitExitFullscreen || document.msExitFullscreen;

    fullscreenFunction.call(document);
    window.location.reload();
    setTimeout(function() {
      fullscreenElement.requestFullscreen = fullscreenElement.requestFullscreen || fullscreenElement.mozRequestFullScreen || fullscreenElement.webkitRequestFullscreen || fullscreenElement.msRequestFullscreen;
      fullscreenElement.requestFullscreen.call(fullscreenElement);
    }, 100);
  } else {
    window.location.reload();
  }
}

// 调用刷新页面的函数
refreshPage();

这段代码首先检查当前是否处于全屏状态,如果是,则在刷新页面之前退出全屏状态。然后刷新页面,并在 100 毫秒后重新进入全屏状态。如果当前不处于全屏状态,则直接刷新页面。

注意:这段代码使用了不同浏览器的全屏 API,因此需要在不同浏览器中进行测试和适配。

JS 实现刷新页面不退出全屏

原文地址: https://www.cveoy.top/t/topic/qkKO 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录