title: how to capture the event of a manual click
body: <p>I am manually calling the click event of an input type: file. </p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input onChange={this.displayFilePath} className="invisible" type="file" id="logo"/&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code> $('#logo').click();
  </code></pre>
  
  <p>If I was NOT calling the click event manually in the javascript, I could capture the file data within the click event method like so:</p>
  
  <pre><code>let file = event.target.files[0];
  </code></pre>
  
  <p>So my question is:  By operating the click event manually, How do I capture the <code>event</code> it throws so that I can strip off the file?</p>
  
  <p>Thanks in advance.</p>