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

Question

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

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

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

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

感谢您提醒我一个简单的演示以使其清楚

Answer 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 会再次添加到全屏显示。就我而言，输入位于模态上，因此发生这种情况时模态保持打开状态