3
关注
1700
浏览

有可能知道文件输入对话框何时关闭?

查看全部 2 个回答

hungdan 未验证用户 用户来自于: 广东省
2020-09-16 16:35

的变化,它变得专注,所以浏览器窗口失去焦点。关闭对话框后,焦点将恢复。您必须在window上订阅focus事件,但由于许多原因,窗口可能会丢失并获得焦点,所以如果对话框已打开,则必须保留一个标记。

下面的代码工作在:

  • 的Chrome 63.0.3239.84 64位的Windows 7
  • 的Internet Explorer 11.0.9600.18860在Windows 7
  • 歌剧12.18 1872年的32倍在Windows 7

并且不起作用:

  • 火狐58.0b11(64位)在Windows 7

function now() { 
 
    return window.performance ? performance.now() : +new Date 
 
} 
 

 
var isFileDialogOpened = false; 
 

 
var input = document.querySelector('input'); 
 

 
input.addEventListener('click', function (e) { 
 
    console.log('clicked', now()) 
 
    isFileDialogOpened = true 
 
}) 
 

 
input.addEventListener('blur', function (e) { 
 
    console.log('input blur', now()) 
 
    isFileDialogOpened = true 
 
}) 
 

 
window.addEventListener('focus', function (e) { 
 
    if (isFileDialogOpened) { 
 
    console.log('closed (window got focus)', now()) 
 
    isFileDialogOpened = false 
 
    } 
 
})
<input type=file>

关于作者

mark 未验证用户

这家伙很懒,还没有设置简介

问题动态

发布时间
2020-09-15 15:51
更新时间
2022-09-15 16:04
关注人数
3 人关注
个人工作笔记 Powered BY WeCenter V4.1.0 © 2024 粤ICP备2020123311号