Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 触发上传文件时如何保持全屏?_Javascript_Html_Fullscreen - Fatal编程技术网

Javascript 触发上传文件时如何保持全屏?

Javascript 触发上传文件时如何保持全屏?,javascript,html,fullscreen,Javascript,Html,Fullscreen,我最近使用element.requestFullScreen()从我的div进入全屏模式。但是,在我的全屏视图中有一个按钮可以触发上载文件功能 我是否可以在弹出默认选择文件窗口时强制保持全屏模式 使用JSFIDLE分步骤进行简单演示 1.单击全屏按钮可进入全屏模式 2.单击文件上载输入 感谢您提醒我做一个简单的演示,以清楚地说明我今天遇到了这个问题,我的解决方案(可能不是最好的)是在输入文件的更改事件上触发全屏模式: jQuery('#input[type="file"]').change(f

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

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

使用JSFIDLE分步骤进行简单演示 1.单击全屏按钮可进入全屏模式 2.单击文件上载输入


感谢您提醒我做一个简单的演示,以清楚地说明我今天遇到了这个问题,我的解决方案(可能不是最好的)是在输入文件的更改事件上触发全屏模式:

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将再次全屏显示。在我的例子中,输入是在模式上的,因此当这种情况发生时,模式保持打开状态

请创建JSFIDLE?一些工作片段将帮助我们调试您的问题我认为这是不可能的,至少在所有平台上的所有浏览器中是不可能的。你在用什么操作系统?在macOS上,Firefox不会退出全屏模式,因为他们使用的是窗口版本的文件选择器。另一端的Chrome和Safari使用连接到浏览器窗口的文件选择器,这将使页面脱离全屏模式。当文件选择器打开时,再次请求全屏模式将产生一种错误,文档占用了窗口的全部空间,但窗口本身仍处于窗口模式(不是全屏)。