Javascript 如何捕获手动单击事件

Javascript 如何捕获手动单击事件,javascript,jquery,Javascript,Jquery,我正在手动调用输入类型:file的click事件 HTML <input onChange={this.displayFilePath} className="invisible" type="file" id="logo"/> 如果我没有在javascript中手动调用click事件,我可以在click事件方法中捕获文件数据,如下所示: let file = event.target.files[0]; 因此,我的问题是:通过手动操作click事件,如何捕获它抛出的事件,以便剥

我正在手动调用输入类型:file的click事件

HTML

<input onChange={this.displayFilePath} className="invisible" type="file" id="logo"/>
如果我没有在javascript中手动调用click事件,我可以在click事件方法中捕获文件数据,如下所示:

let file = event.target.files[0];
因此,我的问题是:通过手动操作click事件,如何捕获它抛出的
事件
,以便剥离文件

提前谢谢。

这就是你的意思吗

$('#logo').click(function(event) {
    console.log(event);
    //whatever you want with the event 
});
虽然被问及点击事件,但您可以使用

$('#logo').on("change", function(event) {
    console.log(event);
    //whatever you want with the event 
});
“更改”将允许您在选择文件后捕获该文件的详细信息,而不是在单击“输入”按钮时调用该函数。

这是您的意思吗

$('#logo').click(function(event) {
    console.log(event);
    //whatever you want with the event 
});
虽然被问及点击事件,但您可以使用

$('#logo').on("change", function(event) {
    console.log(event);
    //whatever you want with the event 
});

更改将允许您在选择文件后捕获有关该文件的详细信息,而不是在单击输入按钮时调用该函数。

事件。处理程序中的currentTarget
应该足够了。不要使用单击。使用零钱。在选择文件之前,将调用click事件。实际文件更改后将调用change。处理程序中的
event.currentTarget
应该足够了。不要使用click。使用零钱。在选择文件之前,将调用click事件。当实际文件已更改时,将调用change。它将订阅click事件,该事件将无法访问
文件
集合。所以可能不是OP需要的。我使用的是ReactJS,所以我没有使用匿名函数,但这个概念让我达到了终点。谢谢它将订阅click事件,该事件将无法访问
文件
集合。所以可能不是OP需要的。我使用的是ReactJS,所以我没有使用匿名函数,但这个概念让我达到了终点。谢谢