event.target 在 chrome 上触发 ('click') 后无法正常工作

Question

这是一个例子，不是我的真实代码。

function upload(){
   event.preventDefault();
   var elemento=$(event.target);
   console.log(elemento);
}

function prepareUpload(){
   event.preventDefault();
   $("#upload").trigger("click");
}

<button id="prepareUpload" onclick="prepareUpload()" type="submit"/>
<button id="upload" onclick="upload()"/>

在 Chrome 中，如果我单击上传按钮，我可以在控制台中看到该元素具有正确的 ID "upload"，但如果我单击 prepareUpload 按钮，我会看到该 id "prepareUpload"。我无法在 Firefox 上以同样的方式尝试，但它似乎工作正常。

Answer 1

进行如下操作：

<button id="prepareUpload" type="submit">Any Text</button>
<button id="upload">Upload</button>

$(document).on("click","#upload",function(event){
   event.preventDefault();
   var elemento=$(event.target);
   console.log(elemento);
});

$(document).on("click","#prepareUpload",function(event){
   event.preventDefault();
   $("#upload").trigger("click");
});

event.target 在 chrome 上触发 ('click') 后无法正常工作

event.target doesn't work properly after trigger('click') on chrome

jquery

triggers