如何使对象在鼠标按下时跳转到光标/触摸位置？

Question

基于 createjs 拖放演示，我正在尝试制作它这样圆圈就会跳到鼠标按下时光标/触摸的位置。

我设法使拖动工作，但不知道如何使圆圈跳到位置。

createjs.Touch.enable(stage);

this.circle_mc.on("pressmove", function (evt) {
    var point = stage.globalToLocal(evt.stageX, evt.stageY)
    evt.currentTarget.x = point.x;
    evt.currentTarget.y = point.y;
    stage.update();
});

任何人都可以帮助它做这样的事情吗？

更新： 设法在动画中使用此代码使其正常工作：

var _this = this;

stage.on("stagemousedown", function (evt) {
    var point = stage.globalToLocal(evt.stageX, evt.stageY)
    _this.circle_mc.x = point.x;
    _this.circle_mc.y = point.y;

    var moveAround = stage.on("stagemousemove", function (evt) {
        var point = stage.globalToLocal(evt.stageX, evt.stageY)
        _this.circle_mc.x = point.x;
        _this.circle_mc.y = point.y;
    });

    stage.on("stagemouseup", function (evt) {
        stage.off("stagemousemove", moveAround)
    }, null, true)
});

Answer 1

您可以轻松地做到这一点，但您必须重新进行拖动移动，因为默认情况下，它需要在对象上按下鼠标才能启动它。您还必须直接引用目标，而不是依赖事件目标。

stage.on("stagemousedown", function(e){
    s.x = e.stageX; s.y = e.stageY;
  
  // Handle move
  var evt = stage.on("stagemousemove", function(e) {
    // Set to mouse position each move
    s.x = e.stageX; s.y = e.stageY;
  });
  
  // Handle release
  stage.on("stagemouseup", function(e) {
    stage.off("stagemousemove", evt)
  }, null, true)
});

这是一个带有更好评论的快速摆弄。
https://jsfiddle.net/lannymcnie/fn3gve74/1/