Javascript 请求全屏刷新对象标记中的数据（html画布）

我在查看页面上有一个按钮，可以使带有id的对象标记游戏全屏显示

view.html

问题

---

单击按钮

全屏

时，它工作正常，使游戏全屏，但它会刷新游戏。因此，如果用户在2级游戏的中途决定全屏，它将重新启动游戏（再次加载对象）

我想你是在Chrome或其他Webkit/Blink浏览器上遇到这种情况的吧

关于

，他们有一种奇怪的行为，当元素不再在文档中时（或者甚至只是使用

style=display:none；

）卸载其内容

这也有道理，因为元素实际上是从活动文档中分离出来的

我想你做不了什么，虽然你可能想提交一个bug报告，但我强烈建议你尝试使用

，它不会受到这几年的bug的影响

---

Ps:for是

data=“url

，而不是

src=“…

除了使用object而不是iframe之外，我做的一切都是对的。我认为objects更高级，但我想我错了。谢谢。

<object id="game" src="url/file.html"></object>
<span onclick="fullScreen()"></span>

function fullScreen() {
var elem = document.getElementById("game");
if (elem.requestFullscreen) {
    elem.requestFullscreen();
    document.addEventListener('fullscreenchange', fullScreenExit, false);
} else if (elem.msRequestFullscreen) {
    elem.msRequestFullscreen();
    document.addEventListener('fullscreenchange', fullScreenExit, false);
} else if (elem.mozRequestFullScreen) {
    elem.mozRequestFullScreen();
    document.addEventListener('mozfullscreenchange', fullScreenExit, false);
} else if (elem.webkitRequestFullscreen) {
    elem.webkitRequestFullscreen();
    document.addEventListener('webkitfullscreenchange', fullScreenExit, false);
}
}