event.target не работает должным образом после запуска ('click') на chrome

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, если я нажму кнопку загрузки можно увидеть в консоли, что элемент имеет идентификатор «загрузки», который является правильным, но если я нажимаю кнопку prepareUpload Я вижу идентификатор «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"); 
});