触发上传文件时如何保持全屏？答案

【问题标题】：How to stay full screen when trigger upload file?触发上传文件时如何保持全屏？
【发布时间】：2020-04-09 01:53:39
【问题描述】：

我最近使用element.requestFullScreen() 从我的 div 进入全屏模式。但是，在我的全屏视图中，有一个按钮可以触发上传文件功能。

我是否可以在弹出默认选择文件窗口时强制保持全屏模式？

使用 jsfiddle 分步进行简单演示 1.点击全屏按钮进入全屏模式 2.点击文件上传输入

https://jsfiddle.net/56yzokra/3/

感谢您提醒我做一个简单的演示以说明问题

【问题讨论】：

请创建jsfiddle？
一些有效的 sn-p 将帮助我们调试您的问题
我认为这是不可能的，至少在所有平台上的所有浏览器中都是不可能的。你在什么操作系统上？在 macOS 上，Firefox 不会退出全屏模式，因为它们使用文件选择器的窗口版本。另一端的 Chrome 和 Safari 使用附加到浏览器窗口的文件选择器，这将使页面退出全屏模式。在文件选择器打开时再次请求全屏模式会产生一种错误，即文档占用了窗口的全部空间，但窗口本身仍处于窗口模式（不是全屏）。

标签： javascript html fullscreen

【解决方案1】：

我今天遇到了这个问题，我的解决方案（可能不是最好的）是在输入文件的更改事件上触发全屏模式：

jQuery('#input[type="file"]').change(function(){
                if (!document.fullscreenElement) {
                      var p = document.getElementById('process_container').requestFullscreen()
                      .then(console.log('full'))
                      .catch(error => {
                        console.log(error);
                      });
                  }
            });

当用户选择要上传的文件时，最初全屏显示的 DIV 会再次全屏添加。就我而言，输入是在模态框上，所以当这种情况发生时模态框会保持打开状态

【讨论】：