Javascript 鼠标输入文件显示隐藏分区，隐藏分区关闭后显示文件对话框

我可以得到一个input=文件，在mouseup上显示警报，关闭警报后，打开对话框

我现在要做的是在mouseup上显示一个隐藏的div，并在对话框关闭后将其打开。我怎样才能做到这一点

带警报框

$('#inputFile').mouseup(function(){
    alert('Show alert box');
    });

关闭div之前显示“使用div”对话框

$('#inputFile').mouseup(function(){
    $('div').show();
    });

---

有几种方法可以解决这个问题，但我建议：

---

将输入=文件更改为基本按钮类型=按钮。单击此按钮时，用关闭按钮打开隐藏的div。这个关闭按钮将调用一个函数。该函数应该打开一个文件提示对话框并关闭div。

这实际上是一个非常简单的方法，但我想知道是否有更简单的方法，比如在关闭div之前不允许打开对话框。这能被操纵吗？如果警报框可以优先于文件对话框，那么可能有一种方法可以使隐藏的div优先于文件对话框。