没有包装器或提供程序的onClick全屏反应

Question

是否有一种方法可以在不使用提供者或包装器div的情况下从任何组件中进入全屏模式？

我知道全屏模式可以通过使用screen或react全屏之类的软件包来实现，但我想省略这一点。

如果包装器或提供程序是必需的，那么进入全屏最有效的方法是什么？我有很多组件和不同的视图，我希望有一个按钮，onClick进入整个页面的全屏，而不管该按钮在DOM中的位置。

Answer 1

为了进入全屏模式，您可以单击以下命令运行：

Element.requestFullscreen()

如果你想退出它，你可以调用这个方法：

document.exitFullscreen()