Передача данных между событиями мыши

Question

Как можно передавать события между mousedown и mouseup конкретно? В моем событии mousedown я создаю круг и добавляю его в DOM, в моей мыши я хочу оживить круг. Я надеялся сделать это, ссылаясь на узел без прикрепления идентификатора, если это возможно.

Вот отрывок из моего кода:

// 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); 

}); 

Вы можете просмотреть мой Незавершенный код здесь: http://codepen.io/getreworked/pen/VjzyLL

Answer 1

Вы можете просто использовать затворы:

var el; 
hitArea.addEventListener('mousedown', function(e) { 
    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) { 

    if(el) 
    animateCircle(el, e); 

});