title: Passing data between mouse events
body: <p>How can one pass events between mousedown and mouseup specifically? In my mousedown event I create a circle and add it to the DOM, in my mouseup I want to animate the circle. I was hoping to do this by referencing the node without attaching an ID, if possible.</p>
  
  <p>Here's a snippet of my code:</p>
  
  <pre><code>// Mouse down
  hitArea.addEventListener('mousedown', function(e) {
    var el = new createCircle();
  
    mask.appendChild(el);
  
    TweenMax.set(el, {
      transformOrigin: '50% 50%',
      x: e.clientX - hitDimensions.left, 
      y: e.clientY - hitDimensions.top
    });
  });
  
  // Mouse up
  hitArea.addEventListener('mouseup', function(e) {
  
    // Reference to el needed
    animateCircle(el, e);
  
  });
  </code></pre>
  
  <p>You can view my in progress code here: <a href="http://codepen.io/getreworked/pen/VjzyLL" rel="nofollow">http://codepen.io/getreworked/pen/VjzyLL</a></p>