javascript - 如何设置禁止退出全屏

Question

由于业务需要, 用到了requestFullScreen, 但是在全屏状态下的一些操作会造成页面退出全屏, 这并不符合操作习惯.

比如, 如果我要在全屏状态截屏并保存, 需要选择文件存放位置, 弹出文件框的时候全屏就退出了.

我再想是不是本身这种带有操作的场景就不适合调用原生的全屏操作, 而是应该手动去实现.

对此朋友们有什么建议或者想法请留言, 大家一起讨论一下, 谢谢

Answer 1

给你一个demo:https://davidwalsh.name/demo/... 你研究一下就明白了

Answer 2

我给你一个建议，你可以把图片COPY到CLIPBOARD这里，然后再退出全屏以后再进行其它的操作。或者是放到图片的浏览器CACHE中。

Answer 3

可能是当时选择文件的元素没有在全屏的范围里，造成了选择文件是退出了全屏。但这个例子中测试时没有问题的，使用的是document.documentElement。