Create a Draggable Component?

Question

I was wondering how to create a draggable component that only
stays within certain bounds.
for instance this is some code for the draggable item.
how do i get it to stay within a certain bounds

Answer 1

try this way
var board:Sprite = new Sprite();
var pt:Sprite = new Sprite();
board.graphics.lineStyle(1,0);
board.graphics.beginFill(0xCCCCCC);
board.graphics.drawRect(0,0,400,300);
board.graphics.endFill();
board.x = 10;
board.y = 10;
stage.addChild(board);
pt.graphics.lineStyle(1,0);
pt.graphics.beginFill(0x0000FF,0.7);
pt.graphics.drawCircle(0,0,20);
pt.graphics.endFill();
pt.x = 50;
pt.y = 50;
stage.addChild(pt);
var isDraging=false;
pt.addEventListener(MouseEvent.MOUSE_DOWN, startMove);
function startMove(evt:MouseEvent):void {
isDraging=true
//pt.startDrag(false);
pt.addEventListener(MouseEvent.MOUSE_UP, stopMove);
function stopMove(e:MouseEvent):void {
isDraging=false
//pt.stopDrag();
pt.addEventListener(Event.ENTER_FRAME,checkBoard)
function checkBoard(evt:Event){
if(!isDraging) return
pt.x=mouseX
pt.y=mouseY
if((pt.x+pt.width/2)>(board.x+board.width)){pt.x=board.x+board.width-pt.width/2;}
if((pt.x-pt.width/2)<board.x){pt.x=board.x+pt.width/2}
if((pt.y+pt.height/2)>(board.y+board.height)){pt.y=board.y+board.height-pt.height/2;}
if((pt.y-pt.height/2)<board.y){pt.y=board.y+pt.height/2}