title: Click event - get the target where the mousedown started instead of the mouseup
body: <p>In a click event (attached to document) I want to figure out the target when the user <em>started pressing</em> the mousebutton.</p>
  
  <p>Example:</p>
  
  <ul>
  <li>User presses mousebutton on a <em>custom</em> popup</li>
  <li>User moves the mouse outside the popup and let go</li>
  </ul>
  
  <p>In that case the code below will return a <code>target</code> outside the popup, but I want to figure out if it <em>started</em> within the popup.</p>
  
  <pre><code>$(document).click(function(e)
  {
      // will return the target during *releasing the mouse button*
      // but how to get the target where the *mouse press started*
      console.log(e.target); 
  }
  </code></pre>
  
  <p>Of course  I could track this manually by listening to mousedown and saving this within a variable - but I rather have something <em>native</em>, because:</p>
  
  <ul>
  <li>less code</li>
  <li>I might be missing edge cases</li>
  </ul>
  
  <p>Both Jquery or vanilla JavaScript answers are good to me (but preference vanilla)</p>