JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.createjs.com/createjs-2015.05.21.min.js"></script>
<canvas id="test" width="600" height="600"></canvas>
JavaScript
var stage = new createjs.Stage("test");
createjs.Ticker.on("tick", stage);
var rectangle = new createjs.Container();
rect = new createjs.Shape();
rect.graphics.beginFill("blue").drawRect(50, 50, 250, 210);
rect.name = "rectangle";
rect.x = 200;
rect.y = 200;
rectangle.addChild(rect);
stage.addChild(rectangle);
circle = new createjs.Shape();
circle.name = "mycircle";
circle.graphics.beginFill("red").drawCircle(15, 15, 15);
var dragger = new createjs.Container();
dragger.addChild(circle);
dragger.name = "dragger1";
stage.addChild(dragger);
dragger.on("pressmove", function (evt) {
evt.currentTarget.x = evt.stageX - 5;
evt.currentTarget.y = evt.stageY - 5;
stage.update();
});
dragger.on("pressup", function (evt) {
var target = stage.getObjectUnderPoint(evt.rawX, evt.rawY, 0);
console.log("this is my target");
console.log(target);
});