Drag along x-axis & getting close to hitTest

Hi Kglad,

Thanks mate, a really good push in the right direction!

I'm trying to get my tiger (handle) to stay within it's boundary.

Here's my code.

this.stop();
createjs.Touch.enable(stage);
var handleHeight = 100; // actually half the height  
var bounds = {x:200, y:300, width:800, height: 200};  
var sliderBoundary = new createjs.Shape();    
sliderBoundary.graphics.beginStroke("#999").  
setStrokeStyle(2).  
drawRect(bounds.x, bounds.y, bounds.width, bounds.height);  
this.stage.addChild(sliderBoundary);    
// we apply the same code for each symbol with the for loop
this.handle.on("mousedown", onMouseDown1.bind(this));
this.handle.on("pressmove", onMouseMove1.bind(this));
this.handle.on("pressup", onMouseUp1.bind(this));
this.handle.x = bounds.x;  
this.handle.y = bounds.y + bounds.height / 2; 
// mouse down event
function onMouseDown1(evt){
var item = evt.currentTarget;
item.offset = {x:0, y:0};
var pt = item.parent.globalToLocal(evt.stageX, evt.stageY);
item.offset.x = pt.x - item.x;
item.offset.y = pt.y - item.y;
item.drag = true;
}
// mouse up event
function onMouseUp1(evt){
var item = evt.currentTarget;
item.drag = false;
console.log("finished dragging");
}
// mouse move event
function onMouseMove1(evt){
var item = evt.currentTarget;
item.x = Math.max(bounds.x + handleHeight, Math.min(bounds.x + bounds.height - handleHeight, evt.stageX));
if (item.drag){
var pt = item.parent.globalToLocal(evt.stageX, evt.stageY);
item.x = pt.x - item.offset.x;
item.y = pt.y - item.offset.y;
if(evt.stageX > 300){
console.log('current object is stageX over 300');
}
}
}

As you can see i'm using drag code which has previously worked for me. Then I've tried to add a bounding box named 'sliderBoundary'. I add that to my stage but now I need to figure out how to tell the handle to stay in the bounds.

Any ideas?