当'文件打开对话框'弹出

Detect click action when 'file open dialog' popping up

本文关键字：弹出 打开对话框 文件      更新时间：2023-09-26

我想我有两个问题。第二个问题是在第一个问题的基础上提出的。

首先，我想知道如何使用js来检测点击操作。假设我有一个按钮selectImage，用于上传本地图片，即点击selectImage按钮后，会弹出一个file open dialog，让我选择上传文件。

我的问题是：如果我们使用js监听器来监听selectImage的点击动作，当我们点击它并弹出file open dialog时，我们是否会注意到点击动作发生了？

我的第二个问题是：如果我们无法检测到点击操作的发生，这可能是由于选择上传文件没有完成的过程，那么js中有没有一种方法可以检测到点击操作的成功？

非常感谢。

您可以在点击文件输入按钮时调用一个函数作为

 <input type="file" onclick="myFunction()" />

在javascript中生成一个函数作为

function myFunction(){
  alert('click action happened');
}

检查代码段

function myFunction(){
  alert('click action happened');
}
<input type="file" onclick="myFunction()" />

使用addEventListener()获取输入的click事件

var file = document.getElementById("file")
file.addEventListener("click", function(){
    alert("Now select a file");
});
<input type="file" id="file" />

相关文章：