# Drag and drop behavior for custom components

**URL:** <https://forum.kirupa.com/t/drag-and-drop-behavior-for-custom-components/230946>\
**Category:** Uncategorized\
**Created:** [June 30, 2007, 11:46am UTC](https://forum.kirupa.com/t/drag-and-drop-behavior-for-custom-components/230946 "2007-06-30T11:46:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![vlad2005](https://avatars.discourse-cdn.com/v4/letter/v/919ad9/32.png) [@vlad2005](https://forum.kirupa.com/u/vlad2005)\
**Post date:** [June 30, 2007, 11:46am UTC](https://forum.kirupa.com/t/drag-and-drop-behavior-for-custom-components/230946/1 "2007-06-30T11:46:43Z")

</div>

How i can reproduce an drag and drop efect for my component, with move of component. For moment i have this code.

```auto

var myPanel:myComp = new myComp;
function dragStart(event:MouseEvent):void{
	var dragInitiator:myComp = event.currentTarget as myComp;
	var dragSource:DragSource = new DragSource();
	DragManager.doDrag(dragInitiator, dragSource, event);
}
function dragEnd(event:DragEvent):void{
	var dropTarget:Canvas=event.currentTarget as Canvas;
	DragManager.acceptDragDrop(dropTarget);
}
myPanel.addEventListener(MouseEvent.MOUSE_MOVE,dragStart);
canvas1.addEventListener(DragEvent.DRAG_ENTER,dragEnd);

```

When release mouse button, myPanel is not moved to the new location. How can do that?