javascript - 移动到其他页面时全屏不工作

标签 javascript jquery html css fullscreen

<分区>

当我们在同一页面 index.html 中时,以下示例工作完美如果我单击其他页面 about.html,全屏将自动下降。

我想实现全屏模式持续可见,直到我们手动更改。 任何人都可以帮助我实现这一目标。

var elem = document.documentElement;
function openFullscreen() {
  if (elem.requestFullscreen) {
    elem.requestFullscreen();
  } else if (elem.mozRequestFullScreen) { /* Firefox */
    elem.mozRequestFullScreen();
  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
    elem.webkitRequestFullscreen();
  } else if (elem.msRequestFullscreen) { /* IE/Edge */
    elem.msRequestFullscreen();
  }
}
<a onclick="openFullscreen();" href="#">Open FullScreen</a>

<ul>
  <li><a href="index.html">Home</a></li>
  <li><a href="about.html">About</a></li>
</ul>

最佳答案

这是预期的(和 well documented )行为。

Navigating to another page, changing tabs, or switching to another application using any application switcher (or Alt-Tab) will likewise exit full-screen mode.

您必须让用户在他们访问的每个新页面上激活全屏模式。

关于javascript - 移动到其他页面时全屏不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57318797/

相关文章:

html - Chrome 中小型 &lt;input type ='button'> 上的 CSS Sprite

javascript - 在 webRTC 中使用电子邮件发送信号

javascript - 如何在数组值上添加单击事件并更改文本框值?

javascript - Bootstrap Range Slider 限制 handle 范围

javascript - 如何使用angularjs进行模态化

jQuery 获取 id 以任意常量结尾的元素

c# - &lt;input type ="submit"/> 不执行 javascript 代码

javascript - 标记错误

javascript - 使用 jQuery 设置高度会忽略初始加载时的内容,但在刷新后有效

javascript 将 json 数组更改为另一个 json 数组