title: How to call "click" on input type "file" by calling context on other element?
body: <p>How I can call <code>"click"</code> event on <code>input type="file"</code> by calling <code>"context"</code> event on other element?</p>
  
  <p>I am trying this code:</p>
  
  <p><strong>HTML Markup:</strong></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Title&lt;/title&gt;
          &lt;script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;input type="file" id="file"/&gt;
      &lt;button id="trigger"&gt;Click&lt;/button&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>JavaScript file:</strong></p>
  
  <pre><code>window.onload = function() {
  window.oncontextmenu = function(){
      return false;
  };
  $("#trigger").on("contextmenu", function(){
      $("#file").trigger("click");
  });
  </code></pre>
  
  <p>}</p>
  
  <p>But I haven't got window to choose file, when I click the right mouse button on button with <code>id="trigger".</code></p>