加载链接后，我可以使该全屏F11按钮继续起作用吗？

问题描述

我主页上有一个按钮，使浏览器进入全屏/ F11等效状态。它使用以下代码：

<p>
<button id="btnFullscreen" type="button">Toggle Full Screen Ahead</button>
</p>

<style>

#exampleImage { cursor:zoom-in; }
#exampleImage:-webkit-full-screen { cursor:zoom-out; }
#exampleImage:-moz-full-screen { cursor:zoom-out; }
#exampleImage:-ms-fullscreen { cursor:zoom-out; }
#exampleImage:fullscreen { cursor:zoom-out; }

</style>



<script>

function toggleFullscreen(elem) {
elem = elem || document.documentElement;
if (!document.fullscreenElement && !document.mozFullScreenElement &&
!document.webkitFullscreenElement && !document.msFullscreenElement) {
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
  elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.exitFullscreen) {
  document.exitFullscreen();
} else if (document.msExitFullscreen) {
  document.msExitFullscreen();
} else if (document.mozCancelFullScreen) {
  document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
  document.webkitExitFullscreen();
}
}
}

document.getElementById('btnFullscreen').addEventListener('click',function() {
toggleFullscreen();
});

document.getElementById('exampleImage').addEventListener('click',function() {
toggleFullscreen(this);
});

</script>

我对编码还很陌生，因此遇到了很多麻烦。 有没有办法让它继续进入另一个页面时全屏显示？ 或者可能是完成同一任务的另一种方法？

谢谢您的时间！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）