在JavaScript中,如果要打开一个新的页面但保持全屏状态,你可以使用以下代码:

function openFullscreenPage(url) {
  var fullscreenEnabled = document.fullscreenEnabled || document.mozFullScreenEnabled || document.webkitFullscreenEnabled || document.msFullscreenEnabled;

  if (fullscreenEnabled) {
    var fullscreenElement = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement;

    if (fullscreenElement) {
      // 如果当前页面已经处于全屏状态,则退出全屏
      if (document.exitFullscreen) {
        document.exitFullscreen();
      } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
      } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
      }
    } else {
      // 如果当前页面不处于全屏状态,则打开新的页面并进入全屏
      var newWindow = window.open(url, '_blank');

      if (newWindow) {
        if (newWindow.document.documentElement.requestFullscreen) {
          newWindow.document.documentElement.requestFullscreen();
        } else if (newWindow.document.documentElement.mozRequestFullScreen) {
          newWindow.document.documentElement.mozRequestFullScreen();
        } else if (newWindow.document.documentElement.webkitRequestFullscreen) {
          newWindow.document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
        } else if (newWindow.document.documentElement.msRequestFullscreen) {
          newWindow.document.documentElement.msRequestFullscreen();
        }
      }
    }
  } else {
    // 浏览器不支持全屏功能
    alert("Your browser does not support fullscreen mode.");
  }
}

在调用openFullscreenPage(url)函数时,将要打开的页面的URL作为参数传入即可。该函数首先检查当前浏览器是否支持全屏功能,然后根据当前页面的全屏状态来决定是退出全屏还是打开新的页面并进入全屏。如果浏览器不支持全屏功能,将会弹出一个提示框

js 打开新的页面不会退出全屏

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

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