Question

如何在mousedown和mouseup之间传递事件？在我的mousedown活动中，我创建了一个圆圈并将其添加到DOM中，在我的鼠标中我想要为圆圈设置动画。我希望通过引用节点而不附加ID来实现这一点，如果可能的话。

这是我的代码片段：

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

});

在鼠标事件之间传递数据

1 个答案: