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使用连接到浏览器窗口的文件选择器,这将使页面脱离全屏模式。当文件选择器打开时,再次请求全屏模式将产生一种错误,文档占用了窗口的全部空间,但窗口本身仍处于窗口模式(不是全屏)。